|
| 1 | +<html> |
| 2 | +<title>W3.CSS</title> |
| 3 | +<meta name="viewport" content="width=device-width, initial-scale=1"> |
| 4 | +<link rel="stylesheet" href="w3.css"> |
| 5 | +<body> |
| 6 | +<center> |
| 7 | +<div class="w3-container w3-card-4 w3-black"> |
| 8 | +<img src="picture/benner.png" width="1200px" height="200px"> |
| 9 | + |
| 10 | +</div> |
| 11 | + |
| 12 | +<div class="w3-bar w3-purple"> |
| 13 | + <button class="w3-bar-item w3-button" onclick="openKota('r34')">R34</button> |
| 14 | + <button class="w3-bar-item w3-button" onclick="openKota('mk4')">MK4</button> |
| 15 | + <button class="w3-bar-item w3-button" onclick="openKota('rx7')">RX7</button> |
| 16 | + <button class="w3-bar-item w3-button" onclick="openKota('nsx')">NSX</button> |
| 17 | + <button class="w3-bar-item w3-button" onclick="openKota('evo9')">EVO9</button> |
| 18 | + <div class="w3-dropdown-hover"> |
| 19 | + <button class="w3-button">LAINYA</button> |
| 20 | + <div class="w3-dropdown-content w3-bar-blook w3-card-4"> |
| 21 | + <button class="w3-bar-item w3-button" onclick="openKota('s15')">SILVIA S15</button> |
| 22 | + <button class="w3-bar-item w3-button" onclick="openKota('86')">86</button> |
| 23 | + </div> |
| 24 | +</div> |
| 25 | + <button class="w3-bar-item w3-button" onclick="openKota('me')">ABOUT</button> |
| 26 | +</div> |
| 27 | +</div> |
| 28 | + |
| 29 | +<body bgcolor="black"> |
| 30 | +<font color="white"> |
| 31 | +<div id="r34" class="w3-container kota w3-animate-fading" style="display:none"> |
| 32 | + <center> |
| 33 | + |
| 34 | + <h2>Nissan Skyline GT-R R34</h2> |
| 35 | + <p>Nissan Skyline GT-R R34 merupakan salah satu mobil ganas milik Nissan yang dijuluki |
| 36 | + dengan nama “Godzilla”. Mobil ini memiliki tampilan yang ikonik dengan model “coupe”-nya. |
| 37 | + Sayangnya Nissan memberhentikan produksi mobil ini pada tahun 2002/2003 </p> |
| 38 | + <img src="r34.jpg" width="50%"> |
| 39 | +</div> |
| 40 | + |
| 41 | +<div id="mk4" class="w3-container kota w3-animate-bottom" style="display:none"> |
| 42 | + <h2>Toyota Supra MK4</h2> |
| 43 | + <p>Mobil Supra MK4 bisa disebut sebagai salah satu mobil Toyota paling ikonik yang pernah mereka buat. |
| 44 | + Tampilannya yang ikonik dan mesinnya yang ganas membuat mobil ini tampil dengan gagah di franchise film Fast and Furious.</p> |
| 45 | + <img src="mk4.jpg" width="50%"> |
| 46 | +</div> |
| 47 | + |
| 48 | +<div id="rx7" class="w3-container kota w3-animate-top" style="display:none"> |
| 49 | + <h2>Mazda RX7</h2> |
| 50 | + <p>Mazda RX-7 adalah mobil sport yang diproduksi oleh Mazda tahun 1978 sampai 2002. RX-7 pada awalnya menggunakan mesin |
| 51 | + wankel rotari berkapasitas silinder 1.146 cc (69,9 cu in) dengan penggerak roda belakang.</p> |
| 52 | + <img src="rx7.jpg" width="50%"> |
| 53 | +</div> |
| 54 | + |
| 55 | +<div id="nsx" class="w3-container kota w3-animate-zoom" style="display:none"> |
| 56 | + <h2>Honda NSX</h2> |
| 57 | + <p>Honda NSX, dipasarkan di Amerika Utara sebagai Acura NSX, adalah mobil sport dua-kursi, mesin tengah dirakit oleh |
| 58 | + Honda/Acura. Asal-usul jejak NSX kembali ke 1984, dengan konsep HP-X (Honda Pininfarina eXperimental), |
| 59 | + merupakan mobil sport bermesin 3.0 L V6 mesin tengah berpenggerak roda belakang .</p> |
| 60 | + <img src="nsx.jpg" width="50%"> |
| 61 | +</div> |
| 62 | + |
| 63 | +<div id="evo9" class="w3-container kota w3-animate-right" style="display:none"> |
| 64 | + <h2>Misubitshi Lancer Evo 9 </h2> |
| 65 | + <p>Mitsubithshi Lancer Evo 9 diluncurkan pada 3 Maret 2005 di ajang Geneva Motor Show saat di Jepang. Generasi kesembilannya dibekali |
| 66 | + dengan mesin 2.0 liter dengan kode 4G63 menggunakan teknologi variable valve timing.</p> |
| 67 | + <img src="evo9.jpeg" width="50%"> |
| 68 | +</div> |
| 69 | + |
| 70 | +<div id="s15" class="w3-container kota w3-animate-left" style="display:none"> |
| 71 | + <h2>Nissan Silvia S15 </h2> |
| 72 | + <p>Nissan Silvia S15 merupakan mobil produksi dari Nissan Motors di Jepang. Mobil sport dua pintu dengan penggerak roda |
| 73 | + belakang dari Nissan diproduksi tahun 1965 sampai 2002.</p> |
| 74 | + <img src="s15.jpg" width="50%"> |
| 75 | +</div> |
| 76 | + |
| 77 | +<div id="86" class="w3-container kota w3-animate-left" style="display:none"> |
| 78 | + <h2>Toyota 86 </h2> |
| 79 | + <p>Toyota 86 adalah mobil sport Coupe berukuran kompak hasil kolaborasi antara Toyota dan Subaru. Mobil ini disebut Toyota GT-86 di Eropa, |
| 80 | + atau Scion FR-S di Amerika Serikat, serta dijual oleh Subaru sebagai Subaru BRZ.</p> |
| 81 | + <img src="86.jpg" width="50%"> |
| 82 | +</div> |
| 83 | + |
| 84 | +<div id="me" class="w3-container kota w3-animate-opacity" style="display:none"> |
| 85 | + <h2>10122039 </h2> |
| 86 | + <p>MOCHAMAD ZAKY AFRILLIANSYAH</p> |
| 87 | + <img src="me.jpeg" width="35%"> |
| 88 | +</div> |
| 89 | + |
| 90 | +<script> |
| 91 | +function openKota(namakota) { |
| 92 | + var i; |
| 93 | + var x = document.getElementsByClassName("kota"); |
| 94 | + for (i = 0; i < x.length; i++) { |
| 95 | + x[i].style.display = "none"; |
| 96 | + } |
| 97 | + document.getElementById(namakota).style.display = "block"; |
| 98 | +} |
| 99 | + |
| 100 | +</script> |
| 101 | +</body> |
| 102 | +</html> |
0 commit comments