Skip to content

Commit e57a687

Browse files
Ubah src img
1 parent 5fed02e commit e57a687

2 files changed

Lines changed: 111 additions & 9 deletions

File tree

index.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<body>
66
<center>
77
<div class="w3-container w3-card-4 w3-black">
8-
<img src="benner.png" width="1200px" height="200px">
8+
<img src="picture/benner.png" width="1200px" height="200px">
99

1010
</div>
1111

@@ -35,56 +35,56 @@ <h2>Nissan Skyline GT-R R34</h2>
3535
<p>Nissan Skyline GT-R R34 merupakan salah satu mobil ganas milik Nissan yang dijuluki
3636
dengan nama “Godzilla”. Mobil ini memiliki tampilan yang ikonik dengan model “coupe”-nya.
3737
Sayangnya Nissan memberhentikan produksi mobil ini pada tahun 2002/2003 </p>
38-
<img src="r34.jpg" width="50%">
38+
<img src="picture/r34.jpg" width="50%">
3939
</div>
4040

4141
<div id="mk4" class="w3-container kota w3-animate-bottom" style="display:none">
4242
<h2>Toyota Supra MK4</h2>
4343
<p>Mobil Supra MK4 bisa disebut sebagai salah satu mobil Toyota paling ikonik yang pernah mereka buat.
4444
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%">
45+
<img src="picture/mk4.jpg" width="50%">
4646
</div>
4747

4848
<div id="rx7" class="w3-container kota w3-animate-top" style="display:none">
4949
<h2>Mazda RX7</h2>
5050
<p>Mazda RX-7 adalah mobil sport yang diproduksi oleh Mazda tahun 1978 sampai 2002. RX-7 pada awalnya menggunakan mesin
5151
wankel rotari berkapasitas silinder 1.146 cc (69,9 cu in) dengan penggerak roda belakang.</p>
52-
<img src="rx7.jpg" width="50%">
52+
<img src="picture/rx7.jpg" width="50%">
5353
</div>
5454

5555
<div id="nsx" class="w3-container kota w3-animate-zoom" style="display:none">
5656
<h2>Honda NSX</h2>
5757
<p>Honda NSX, dipasarkan di Amerika Utara sebagai Acura NSX, adalah mobil sport dua-kursi, mesin tengah dirakit oleh
5858
Honda/Acura. Asal-usul jejak NSX kembali ke 1984, dengan konsep HP-X (Honda Pininfarina eXperimental),
5959
merupakan mobil sport bermesin 3.0 L V6 mesin tengah berpenggerak roda belakang .</p>
60-
<img src="nsx.jpg" width="50%">
60+
<img src="picture/nsx.jpg" width="50%">
6161
</div>
6262

6363
<div id="evo9" class="w3-container kota w3-animate-right" style="display:none">
6464
<h2>Misubitshi Lancer Evo 9 </h2>
6565
<p>Mitsubithshi Lancer Evo 9 diluncurkan pada 3 Maret 2005 di ajang Geneva Motor Show saat di Jepang. Generasi kesembilannya dibekali
6666
dengan mesin 2.0 liter dengan kode 4G63 menggunakan teknologi variable valve timing.</p>
67-
<img src="evo9.jpeg" width="50%">
67+
<img src="picture/evo9.jpeg" width="50%">
6868
</div>
6969

7070
<div id="s15" class="w3-container kota w3-animate-left" style="display:none">
7171
<h2>Nissan Silvia S15 </h2>
7272
<p>Nissan Silvia S15 merupakan mobil produksi dari Nissan Motors di Jepang. Mobil sport dua pintu dengan penggerak roda
7373
belakang dari Nissan diproduksi tahun 1965 sampai 2002.</p>
74-
<img src="s15.jpg" width="50%">
74+
<img src="picture/s15.jpg" width="50%">
7575
</div>
7676

7777
<div id="86" class="w3-container kota w3-animate-left" style="display:none">
7878
<h2>Toyota 86 </h2>
7979
<p>Toyota 86 adalah mobil sport Coupe berukuran kompak hasil kolaborasi antara Toyota dan Subaru. Mobil ini disebut Toyota GT-86 di Eropa,
8080
atau Scion FR-S di Amerika Serikat, serta dijual oleh Subaru sebagai Subaru BRZ.</p>
81-
<img src="86.jpg" width="50%">
81+
<img src="picture/86.jpg" width="50%">
8282
</div>
8383

8484
<div id="me" class="w3-container kota w3-animate-opacity" style="display:none">
8585
<h2>10122039 </h2>
8686
<p>MOCHAMAD ZAKY AFRILLIANSYAH</p>
87-
<img src="me.jpeg" width="35%">
87+
<img src="picture/me.jpeg" width="35%">
8888
</div>
8989

9090
<script>

index.html.bak

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
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

Comments
 (0)