-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (165 loc) · 8.11 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>html_aria</title>
<link rel="icon" href="z-files/image/html.png" type="image/x-icon">
<!-- css -->
<link rel="stylesheet" href="z-files/css/style-index.css">
</head>
<body>
<header>
<div class="header-back">
<a href="#" id="back-link">Back</a>
</div>
<h2 class="header-title">
<a href="https://github.com/ariafatah0711/html_aria">html_aria</a>
</h2>
<script src="z-files/js/script.js"></script>
</header>
<main>
<a href="html 1/00 - main.html" class="container span-2">
<div class="container-image">
<img src="z-files/image/html.png" alt="image">
</div>
<div class="container-text">
<h1>HTML - 01</h1>
<h4>Pengenalan HTML Dasar</h4>
<p>tutorial ini merupakan Pengenalan dasar tentang HTML (Hyper Markup Language) untuk pemula yang ingin memahami dasar-dasar pembuatan halaman web.</p>
</div>
</a>
<a href="html 2/00 - main.html" class="container span-2">
<div class="container-image">
<img src="z-files/image/html.png" alt="image">
</div>
<div class="container-text">
<h1>HTML - 02</h1>
<h4>Latihan HTML dan Style</h4>
<p>Latihan ini dirancang khusus bagi pemula yang ingin mempraktikan pengetauan dasar tentang HTML (Hyper Markup Language). dalam latihan ini, anda akan membuat sebuah portofolio kecil/ website simple dengan style dasar.</p>
</div>
</a>
<a href="css 1/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/css.png" alt="image">
</div>
<div class="container-text">
<h1>CSS - 01</h1>
<h4>Pengenalan CSS Dasar</h4>
<p>Pengenalan CSS dasar melibatkan pemahaman tentang Cascading Style Sheets (CSS), yang digunakan untuk mengatur tampilan dan format halaman WEB.</p>
</div>
</a>
<a href="css 2/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/css.png" alt="image">
</div>
<div class="container-text">
<h1>CSS - 02</h1>
<h4>CSS Layout</h4>
<p>CSS layout melibatkan memahami bagaimana mengatur tampilan dan struktur elemen-elemen di halaman WEB dengan menggunakan propeti Display, Position, float, dll.</p>
</div>
</a>
<a href="css 3/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/css.png" alt="image">
</div>
<div class="container-text">
<h1>CSS - 03</h1>
<h4>CSS Lanjutan</h4>
<p>pada tahap CSS lanjutan, anda akan mempelajari konsep-konsep lebih mendalam. ini termasuk penggunaan sudo elemen, var, dan animation sebuah elemen.</p>
</div>
</a>
<a href="css 4/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/css.png" alt="image">
</div>
<div class="container-text">
<h1>CSS - 04</h1>
<h4>Latihan CSS</h4>
<p>melalui latihan CSS, anda akan dapat menguji dan memperdalam pemahaman tentang konsep selektor, tata letak, pseudo-elemen, dan propeti khusus.</p>
</div>
</a>
<a href="js 1/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/js.png" alt="image">
</div>
<div class="container-text">
<h1>JS - 01</h1>
<h4>Pengenalan JavaScript</h4>
<p>javascript adalah bahasa pemograman yang digunakan untuk menambahkan fungsi interaktif, animasi, manipulasi konten, validasi input, dll.</p>
</div>
</a>
<a href="js 2/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/js.png" alt="image">
</div>
<div class="container-text">
<h1>JS - 02</h1>
<h4>JavaScript by Youtube</h4>
<p>JavaScript by Youtube merupakan file aku yang aku pelajari di youtube ini adalah belajar sekaligus praktek</p>
</div>
</a>
<a href="js 3/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/js.png" alt="image">
</div>
<div class="container-text">
<h1>JS - 03</h1>
<h4>Penggunaan JavaScript</h4>
<p>penggunaan javascript yang akan digunakan dalam pengembangan sebuah website dan akan berisi penggunaan DOM, OOP, dll</p>
</div>
</a>
<a href="js 4/00 - main.html" class="container span-1">
<div class="container-image">
<img src="z-files/image/js.png" alt="image">
</div>
<div class="container-text">
<h1>JS - 04</h1>
<h4>Latihan JavaScript</h4>
<p>melalui Latihan Javascript aku dapat belajar bagaimana cara membuat website yang digunakan untuk membuat javascript menjadi dinamis</p>
</div>
</a>
<a href="bootstrap/00 - main.html" class="container span-2">
<div class="container-image project">
<img src="z-files/image/bootstrap.png" alt="image" id="image-web">
</div>
<div class="container-text">
<h1 id="h1">Bootstrap</h1>
<h4>website menggunakan Bootstrap</h4>
<p>bootstrap adalah kerangka kerja(framework) front-end sumber terbuka yang digunakan untuk mengembangkan situs web dengan cepat dan mudah</p>
</div>
</a>
<a href="project 1/00 - main.html" class="container span-2">
<div class="container-image project">
<img src="z-files/image/web.png" alt="image" id="image-web">
</div>
<div class="container-text">
<h1 id="h1">Project 1</h1>
<h4>Hasil Project</h4>
<p>Website Project adalah kumpulan hasil project yang telah dikembangkan untuk mempelajari keterampilan dan pengalaman serta agar kita terbiasa dalam membuat sebuah website yang bagus, dinamis, responsive.</p>
</div>
</a>
<a href="project 2/00 - main.html" class="container span-4">
<div class="container-image project">
<img src="z-files/image/web.png" alt="image" id="image-web">
</div>
<div class="container-text">
<h1 id="h1">Project 2</h1>
<h4>Hasil Project</h4>
<p>Website Project adalah kumpulan hasil project yang telah dikembangkan untuk mempelajari keterampilan dan pengalaman serta agar kita terbiasa dalam membuat sebuah website yang bagus, dinamis, responsive.</p>
</div>
</a>
</main>
<footer>
<script src="https://kit.fontawesome.com/0d6ed94a1b.js" crossorigin="anonymous"></script>
<div class="icon">
<a href="https://github.com/ariafatah0711"><i class="fa-brands fa-github"></i><p>Github</p></a>
<a href="https://www.instagram.com/ariafatahanom"><i class="fa-brands fa-instagram"></i></i><p>Instagram</p></a>
<a href="https://s.id/ariafatah"><i class="fa-solid fa-house"></i></i><p>Home</p></a>
<a href="https://www.tiktok.com/@ft.fannytzy"><i class="fa-brands fa-tiktok"></i><p>TikTok</p></a>
<a href="https://www.youtube.com/@juniorgaming8876"><i class="fa-brands fa-youtube"></i><p>Youtube</p></a>
</div>
</footer>
</body>
</html>