ALAT COPY MIKROKONTROLLER: INTEGRATED CIRCUIT (IC)
INTEGRATED CIRCUIT (IC)
IC AT24C512 IC ATMEL 24C04 IC EN25T80
Rp 15.000 Rp 3000 Rp 5.000
IC 93C46 IC W25Q128FV SMD IC W25Q64 SMD
Rp 10.000 Rp 30.000 Rp 25.000
IC ATMEGA 328P-PU IC ATMEGA 8 IC AT89S51
Rp 35.000 Rp 25.000 Rp 30.000
IC ATMEGA 8535 DIP IC ATMEGA 32 DIP IC ATMEGA 16 DIP
Rp 35.000 Rp 35.000 Rp35.000
IC ATMEGA 8 SMD IC ATMEGA 16 SMD IC ATMEGA 328 SMD
Rp 35.000 Rp 35.000 Rp 35.000
IC AT27C256 28 PIN IC W27C512 28 PIN IC AT89S52 40 PIN
Rp 45.000 Rp 40.000 Rp 35.000
IC AT28C256 28 PIN IC AT 28C64 28 PIN IC W29C020 32 PIN
Rp 60.000 Rp 60.000 Rp 60.000
IC W29C040 32 PIN IC PIC 16F84 18 PIN IC PIC 16F877 40 PIN
Rp 55.000 Rp 35.000 Rp 45.000
IC 93C66 SMD IC 508 WP IC PLC AT89S1
Rp 35.000 Rp 30.000 Rp 60.000
IC 24C08 SMD IC 93C46 SMD IC 24C64 SMD
Rp 20.000 Rp 28.000 Rp 35.000
nav {
display: block;
margin-top: 100px;
background: #374147;
}
.menu {
display: block;
}
.menu li {
display: inline-block;
position: relative;
z-index: 100;
}
.menu li:first-child {
margin-left: 0;
}
.menu li a {
font-weight: 600;
text-decoration: none;
padding: 20px 15px;
display: block;
color: #fff;
transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover,.menu li:hover>a {
color: #fff;
background: #9ca3da;
}
.menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
left: 0px;
background: #fff;
z-index: 99;
transform: translate(0,20px);
transition: all 0.2s ease-out;
}
.menu ul:after {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 6px;
margin-left: -6px;
}
.menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
}
.menu ul li a {
font-size: 12px;
font-weight: normal;
display: block;
color: #797979;
background: #fff;
}
.menu ul li a:hover,.menu ul li:hover>a {
background: #9ca3da;
color: #fff;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.menu ul ul {
left: 149px;
top: 0px;
visibility: hidden;
opacity: 0;
transform: translate(20px,20px);
transition: all 0.2s ease-out;
}
.menu ul ul:after {
left: -6px;
top: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 6px;
margin-top: -6px;
}
.menu li>ul ul:hover {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.responsive-menu {
display: none;
width: 100%;
padding: 20px 15px;
background: #374147;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.responsive-menu:hover {
background: #374147;
color: #fff;
text-decoration: none;
}
a.homer {
background: #9ca3da;
}
@media (min-width: 768px) and (max-width: 979px) {
.mainWrap {
width: 768px;
}
.menu ul {
top: 37px;
}
.menu li a {
font-size: 12px;
}
a.homer {
background: #374147;
}
}
@media (max-width: 767px) {
.mainWrap {
width: auto;
padding: 50px 20px;
}
.menu {
display: none;
}
.responsive-menu {
display: block;
margin-top: 100px;
}
nav {
margin: 0;
background: none;
}
.menu li {
display: block;
margin: 0;
}
.menu li a {
background: #fff;
color: #797979;
}
.menu li a:hover,.menu li:hover>a {
background: #9ca3da;
color: #fff;
}
.menu ul {
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
width: 100%;
transform: initial;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
position: relative;
transform: initial;
}
.menu ul ul {
left: 0;
transform: initial;
}
.menu li>ul ul:hover {
transform: initial;
}
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
Tidak ada komentar:
Posting Komentar