<!doctype html>
<style>
.dropbtn {
background-color: pale blue;
color: blue;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: blue;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: pale blue;
}
</style>
<div class="dropdown">
<button class="dropbtn">Home</button>
<div class="dropdown-content">
<a href="#">Home</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">My home</button>
<div class="dropdown-content">
<a href="#">ACET</a>
<a href="#">2nd ECE</a>
<a href="#">3rd ECE</a>
</div>
</div>
----------------------------------------------------------------------------------------------------------------------
</!doctype>
<!doctype html>
<style>
.dropbtn {
background-color: pale blue;
color: blue;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: blue;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: pale blue;
}
</style>
<div class="dropdown">
<button class="dropbtn"><a href="http://btechplayground.blogspot.in/">Home</a></button>
</div>
<div class="dropdown">
<button class="dropbtn">My home</button>
<div class="dropdown-content">
<a href="https://rndhome.blogspot.in/">R and D</a>
<a href="https://acetece1.blogspot.in/">ACET ECE</a>
<a href="https://smartcontrolhome.blogspot.in/">Smart Home</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Basics</button>
<div class="dropdown-content">
<a href="https://btechplayground.blogspot.in/2017/12/resistor-resistor-passive-component.html">Resiistors</a>
<a href="https://btechplayground.blogspot.in/2017/12/capacitors-capacitor-component-stores.html">Capacitors</a>
<a href="https://btechplayground.blogspot.in/2017/12/extreme-macro-photo-of-chinese-diode-of.html">Diodes</a>
<a href="https://btechplayground.blogspot.in/2017/12/logic-gates.html">Transistors</a>
<a href="https://btechplayground.blogspot.in/2017/12/inductor.html">Inductors</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Sensors</button>
<div class="dropdown-content">
<a href="https://btechplayground.blogspot.in/2017/12/sensors.html">LDR</a>
<a href="https://btechplayground.blogspot.in/2017/12/photo-diode.html">Photo Diode</a>
<a href="https://btechplayground.blogspot.in/2017/12/solar-cell.html">Solar Cell</a>
<a href="https://btechplayground.blogspot.in/2017/12/transducers.html">Transducers</a>
<a href="https://btechplayground.blogspot.in/2017/12/temperature-sensor.html">Temperature</a>
<a href="https://btechplayground.blogspot.in/2018/01/dht22-temperature-and-humidity-sensor.html">Humidity Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/analog-soil-moisture-sensor.html">Soil Moisture</a>
<a href="https://btechplayground.blogspot.in/2018/01/ir-ranger-sensor-20-150cm.html">Ranger Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/introduction-latest-model-srf05.html">Range Detection</a>
<a href="https://btechplayground.blogspot.in/2018/01/flame-sensor.html">Flame Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/force-sensor.html">Force Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/flex-sensor.html">Flex Sensor</a>
<a href="hthttps://btechplayground.blogspot.in/2018/01/accelerometer-gyro-mpu6050.htmlml">Gyro Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/triple-axis-accelerometer-adxl345.html">3-Axis Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/rf-434-mhz-modules.html">RF 433MHZ Modules</a>
<a href="https://btechplayground.blogspot.in/2018/01/analog-ambient-light-sensor.html">Ambient Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/pir-sensor_11.html">Motion Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/digital-capacitive-touch-sensor.html">Touch Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/tilt-sensors-module.html">Tilt Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/vibration-sensor-module.html">Vibration Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/analog-sound-sensor.html">Sound Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/ultra-sonic-sensor-module.html">UltraSonic Sensor</a>
<a href="https://btechplayground.blogspot.in/2018/01/grayscale-sensor_11.html">GrayScale Sensor</a>
<a href="#">n</a>
<a href="#">ff</a>
<a href="#">n</a>
<a href="#">ff</a>
<a href="#">n</a>
<a href="#">ff</a>
<a href="#">n</a>
<a href="#">ff</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Modules</button>
<div class="dropdown-content">
<a href="https://btechplayground.blogspot.in/2017/12/push-to-on-switch.html">push to on</a>
<a href="https://btechplayground.blogspot.in/2017/12/push-to-off-switch.html">push to off</a>
<a href="https://btechplayground.blogspot.in/2017/12/relay.html">Relays</a>
<a href="https://btechplayground.blogspot.in/2017/12/h-bridge-circuit.html">H-Bridge</a>
<a href="https://btechplayground.blogspot.in/2017/12/read-switch.html">Read switch</a>
<a href="https://btechplayground.blogspot.in/2018/01/rf-434-mhz-modules.html">RF Modules</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Logics</button>
<div class="dropdown-content">
<a href="https://btechplayground.blogspot.in/2017/12/analog-logic.html">Analog Logic</a>
<a href="https://btechplayground.blogspot.in/2017/12/digital-logic.html">Digital Logic</a>
<a href="https://btechplayground.blogspot.in/2017/12/hexadecimal-numbers.html">HexaDecimal Numbers</a>
<a href="https://btechplayground.blogspot.in/2017/12/octal-numbers.html">Octal Numbers</a>
<a href="https://btechplayground.blogspot.in/2017/12/binary-to-decimal.html">Binaary 2 decimal</a>
<a href="https://btechplayground.blogspot.in/2017/12/binary-fractions.html">Binary Fraction</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">OP-amplifiers</button>
<div class="dropdown-content">
<a href="https://btechplayground.blogspot.in/2017/12/op-amplifiers.html">Basic</a>
<a href="https://btechplayground.blogspot.in/2017/12/oscllators.html">Oscillators</a>
<a href="https://btechplayground.blogspot.in/2017/12/transistor-switch.html">Transistor Switch</a>
<a href="https://btechplayground.blogspot.in/2017/12/555-timer-circuits.html">555 IC circuits</a>
<a href="https://btechplayground.blogspot.in/2017/12/waveform-generators.html">Wave Generators</a>
<a href="#">741 IC Circuits </a>
<a href="#">one</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Power supplys</button>
<div class="dropdown-content">
<a href="https://btechplayground.blogspot.in/2017/12/power-supply.html">Half wave</a>
<a href="https://btechplayground.blogspot.in/2017/12/full-wave-rectifier.html">Full wave</a>
<a href="https://btechplayground.blogspot.in/2017/12/bridge-rectifier.html">Bridge Rectifier</a>
<a href="https://btechplayground.blogspot.in/2017/12/zener-diode-regulator.html">Zener Regulator</a>
<a href="https://btechplayground.blogspot.in/2017/12/0-to-30v-regulator.html">0V-30V Regulator </a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Projects</button>
<div class="dropdown-content">
<a href="http://btechplayground.blogspot.in/2018/01/embedded-projects.html">Embeded</a>
<a href="http://btechplayground.blogspot.in/2018/01/matlab-projects.html">Matlab</a>
<a href="http://btechplayground.blogspot.in/2018/01/vlsi-projects.html">VLSI</a>
<a href="http://btechplayground.blogspot.in/2018/01/visual-studio.html">Visual studio</a>
<a href="http://btechplayground.blogspot.in/2018/01/php-html-projects.html">PHP-HTML</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Technology</button>
<div class="dropdown-content">
<a href="#">Update...</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Feed back</button>
<div class="dropdown-content">
<a href="http://docs.google.com/forms/d/e/1FAIpQLSeroPV_jFAMROktr_ttZd4exCIlW5TqikIcd9Gh0Xd2kixm-Q/viewform">Contribution Project</a>
<a href="http://docs.google.com/forms/d/e/1FAIpQLSc4lzgZSDSvss8E1yZGeF_ZK3r9SPKyLjPn8q_n40ttGdxNxw/viewform">Feed Back</a>
<a href="http://docs.google.com/forms/d/e/1FAIpQLSfAwWaXJNMlwCxl8J8uQ2VN_IX2QKbg0RR6cI0iQ1j9iAQe8w/viewform">Review</a> </div>
</div>
</!doctype>
-----------------------------------------------------------------------------------------------------------------------
header menu
CODE