-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBuat Awe.html
232 lines (219 loc) · 9.23 KB
/
Buat Awe.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>HALLO AYYY</title>
</head>
<body>
<!-- Header -->
<section id="header">
<div class="header container">
<div class="nav-bar">
<div class="brand">
<a href="#alga">
<h1><span>03-</span>02-<span>20</span>23</h1>
</a>
</div>
<div class="nav-list">
<div class="hamburger">
<div class="bar"></div>
</div>
<ul>
<li><a href="#alga" data-after="Home">Home</a></li>
<li><a href="#how" data-after="how">About Alga</a></li>
<li><a href="#Gallery" data-after="Gallery">Gallery</a></li>
<li><a href="#about" data-after="about">Sifat Alga </a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Header -->
<!-- Hero Section -->
<section id="alga">
<div class="alga container">
<div>
<h1>Welcome <span></span></h1>
<h1>In Our Website <span></span></h1>
<h1>Tegar And Alya <span></span></h1>
<a href="#Gallery" type="button" class="cta">Gallery</a>
</div>
</div>
</section>
<!-- End Hero Section -->
<!-- Service Section -->
<div id="Alya">
<section id="how">
<div class="how container">
<div class="col-left">
<div class="how-img">
<img src="./img/img-awe atas.jpg" alt="img">
</div>
</div>
<div class="col-right">
<h1 class="section-title">About <span>Alya</span></h1>
<h2>Alya Widyadari Cahyaningtyas </h2>
<h2>Bekasi, 7 Maret 2004
<h2>Cewenya Tegar
</p>
</p>
</div>
</div>
</section>
<div id="Tegar">
<section id="how">
<div class="how container">
<div class="col-left">
<div class="how-img">
<img src="./img/img-tegar SEMANGAT.jpg" alt="img">
</div>
</div>
<div class="col-right">
<h1 class="section-title">About <span>Tegar</span></h1>
<h2>Hevky Tegar Hirmanda </h2>
<h2>Bekasi. 26 juli 2004
<h2>Cowonya Awe
</p>
</p>
</div>
</div>
</section>
<!-- End Service Section -->
<!-- Projects Section -->
<section id="Gallery">
<div class="Gallery container">
<div class="Gallery-header">
<h1 class="section-title">Gallery <span>ALGA</span></h1>
</div>
<div class="all-Gallery">
<div class="Gallery-item">
<div class="Gallery-info">
<h1>1st time we meet</h1>
<h2>Kelas 10</h2>
<p>Mungkin aku beruntung banget sih bisa kenal kamu dikelas 10, yang penuh dengan kenang2an keramaian yang tidak ada jelas
dan ak masih gendut bngt WKWKWKW. lanjut pas disitu ak kenalan ama ni orang agak kaget kek "SIAPA NI ORANG SO
ASIK BNGT BAWA2 NAMA SHABRINA". <br>tapi ywdahlah ya anehnya kek tiba2 bisa suka aja ama ni orang unik. <br>ga cuma itu setelah
dicari tau ternyata oh ternyata dia punya cowo dan saya mengundurkan diri.
</p>
</div>
<div class="Gallery-img">
<img src="./img/img-Kelas 10.jpg" alt="img">
</div>
</div>
<div class="Gallery-item">
<div class="Gallery-info">
<h1>2nd time we meet</h1>
<h2>Kelas 12</h2>
<p>Dikelas 12 ini lebih banyak beruntungnya sih, aku bisa ngajarin motor buat cewe yang aku suka pas kelas 10. sebenernya tu
aku inget awal aku ada niatan deketin kamu tu pas lagi ditanjakan villa trus kamu nanya "gar lu punya cewe ga?? takutnya
tar tiba2 ada cewe yang ngelabrak gua lg" trus aku tanya balik deh ternyata oh ternyata dia gapunya cowo guys. ingat kata bang
messi "Tu eres el mejor portero del mundo" </p>
</div>
<div class="Gallery-img">
<img src="./img/img-BarengAwe.jpg" alt="img">
</div>
</div>
<div class="Gallery-item">
<div class="Gallery-info">
<h1>3rd Asking to be my gf</h1>
<h2>Beli cilok</h2>
<p>Dipikir2 ini aneh si, awalnya mau beli cimol/cilok trus kita beli cimol+Kentang, tapi disitu aku
emang ada niatan ngambil kesempatan dalam kesempitan si AHIHIHI (Kek kapan lagi men jalan ama cecan) abis dari situ
aku ada niatan buat beli meenum sebenernya trus juga kita ada niatan mau jalan2 ke kotwis tapi ya karena cuaca tidak
mendukung jadi memutuskan untuk pulang. pas disitu awalnya kaya ga kepikiran buat nembak tapi worth to try makanya nembak
ternyata jawabanya... (Lanjut part 2 kalo rame) <p>
</div>
<div class="Gallery-img">
<img src="./img/img-Nembak awe.jpg" alt="img">
</div>
</div>
<div class="Gallery-item">
<div class="Gallery-info">
<h1>4th Lost contact</h1>
<h2>Yogya dan Bekasi</h2>
<p>Dibulan Juni kita lost contact disini karna kesalahan dari kita berdua guys, aku terlalu memaksa dia buat meminta jawaban yang kalo Dipikir
sangat2 tidak fleksible buat jawab di waktu itu juga. dan kalo dari awe sendiri mungkin ya karena terasa terintimidasi oleh kata2ku
jadinya dia ngeluarin semua tulisan yang ada di otak dia saat itu dan ga dicerna lagi. (Aku sendiri emang menjadi cuek saat itu dan memutuskan
untuk tidak berhubungan dengan awe jadi disini sangat menjadi letak kesalahan)
</p>
</div>
<div class="Gallery-img">
<img src="./img/img-berantem.jpg" alt="img">
</div>
</div>
<div class="Gallery-item">
<div class="Gallery-info">
<h1>5th Asking to be couple</h1>
<h2>Long Distance Relationship</h2>
<p>Dibulan desember awe memutuskan untuk menghubungi aku lagi, kita janjian untuk ngobrol di lawson sambil makan odeng (yg awalnya gaenak)
awe jelasin ke aku kalo misalkan waktu yang dia tulis itu bukan hal yang dia maksud, setelah itu kita pdkt balik dan selanjutnya aku, Awe
melakukan kesepakatan kalo nembak di bulan 03-02-03, H-1 sebelum dia balik ke semarang. okei setelah itu ya kita jadian dan sekarang kita sedang melakukan ldr... (LDR AJG KALO KANGEN SUSAH BAT)
</p>
</div>
<div class="Gallery-img">
<img src="./img/img-Deket Lagi.jpg" alt="img">
</div>
</div>
</div>
</div>
</section>
<!-- End Projects Section -->
<!-- About Section -->
<section id="about">
<div class="about container">
<div class="about-top">
<h1 class="section-title">Sifat<span> </span>Alya&Tegar</h1>
<p>SIFAT-SIFAT BOTH OF US </p>
</div>
<div class="about-bottom">
<div class="about-item">
<div class="icon"><img src="./img/img-awe senyum.jpg" alt="img"></div>
<h2>Alya Widyadari (Seneng)</h2>
<p>kalian misalkan temenan ama awe pasti deh nyaman, karena awe tenaganya ga abis², kalo ngobrol topiknya ga abis²
, duitnya buat jajan banyak, sabarnya juga banyak, awe juga lucu kalo senyum.
</p>
</div>
<div class="about-item">
<div class="icon"><img src="./img/img-awe fak.jpg" alt="img"></div>
<h2>Alya Widyadari (Cemburu)</h2>
<p>Misalkan awe kalo dalem mode cemburu, kalian tu bakalan kerasa. maksud gua kerasa tu kerasa ini ngobrol sama awe apa bukan,
gara² awe tu kek bukan orang yang kalian kenal dalem mode cuek dllnya
</p>
</div>
<div class="about-item">
<div class="icon"><img src="./img/img-tegar ngantuk.jpg" alt="img"></div>
<h2>Sifat Tegar (Ngantukan)</h2>
<p>kalo sifat yang ini sebenernya ngga masuk ke tegar doang, awe juga cuman bedanya awe tu harus dielus2 dulu kek kucing.
not just like that sebenernya tegar ni semangatnya banyak but diserep sama awe gitu
</p>
</div>
<div class="about-item">
<div class="icon"><img src="./img/img-tegar Semangut.jpg" alt="img"></div>
<h2>Sifat Tegar (Semangat)</h2>
<p>Nah buat sifat tegar yang ini jarang banget ni keliatan, soalnya tegar tu kerjaanya kalo ga tidur, main game, makan,
ya tidur lagi. sebenernya tegar bisa semangat cuman butuh PETA (PEMBANGKIT ENERGI TENAGA AWE).
</p>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- Footer -->
<section id="footer">
<div class="footer container">
<div class="brand">
<h1><span>T</span>egar <span>A</span>lya</h1>
</div>
<h2>Website bucin dari tegar</h2>
</div>
</div>
</div>
</section>
<!-- End Footer -->
<script src="./app.js"></script>
</body>
</html>
<audio control autoplay loop>
<source src = "./music/Andra And The Backbone - Sempurna (Official Music Video).mp3" type="audio/mp3"/>
</audio>