-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (83 loc) · 4.62 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
<!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>Tugas Akhir Website</title>
<link rel="stylesheet" href="hi/style.css">
</head>
<body>
<header>
<nav>
<ul>
<h1><a href="#">IMRON</a></h1>
<li><a href="#about">About</a></li>
<li><a href="#hobi">Hobby</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div id="content">
<article id="about" class="card">
<h2><span>About</span></h2>
<h3>Haloo...<br> Saya adalah seseorang <span class="efek-tik"></span>
</h3>
<br>
<p>Nama Panggilan Imron. Coding telah mengubah dunia saya. Ini bukan hanya tentang aplikasi. Belajar kode memberi saya keterampilan memecahkan masalah dan cara untuk berkomunikasi dengan orang lain pada tingkat teknis. Saya juga dapat mengembangkan
situs web dan menggunakan keterampilan pengkodean saya untuk mendapatkan pekerjaan yang lebih baik.</p>
<p>Dan saya mempelajari semuanya di Internet (Google) di mana mereka membangun harga diri Anda dan membuat Anda tetap termotivasi. Bergabunglah dengan saya dalam perjalanan yang bermanfaat ini. Anda akan bersenang-senang, mendapatkan bantuan,
dan belajar sepanjang jalan!</p>
</article>
<article id="hobi" class="card">
<h2> <span>Hobby</span> </h2>
<img src="img/ngoding.jpeg" alt="hobi" id="hobii">
<p>1. Hobi saya yang pertama adalah belajar coding</p>
<p>2. Hobi saya yang kedua adalah berolahraga</p>
<p>3. Dan hobi saya yang terakhir adalah bermain game</p>
</article>
<article id="contact" class="card">
<h2> <span>Contact</span> </h2>
<div class="content-2">
<form name="contact-form">
<span style="color: #666666; font-family: Arial,Helvetica,sans-serif; font-weight: 700;">
<i class="fa fa-user"></i> Name </span><br>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" required>
<br> <br>
<span style="color: #666666; font-family: Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-envelope"></i> Email Address
<span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span>
<br>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="email" required> <br> <br>
<span style="color: #666666; font-family: Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-pencil-square-o"></i> Content
<span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span><br>
<textarea id="ContactForm1_contact-form-email-message" name="email-message"></textarea> <br>
<input id="ContactForm1_contact-form-submit" type="submit" value="Send" onclick="alert('Pesanan Anda terkirim')"> <br>
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></div>
<div id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></div>
</div>
</form>
</div>
</article>
</div>
<aside>
<article id="profile" class="card">
<h2> <span>Profile</span> </h2>
<figure>
<img src="img/imron.jpeg" alt="himang">
<h3>Imron Mustari</h3>
<figcaption>Gunadarma Of University</figcaption>
</figure>
</article>
</aside>
</main>
</main>
<footer>
<div class="footer">
<small>Copyright © 2022 - <a href="https://ipfa24.github.io/linktree-ipfa24/">Imron</a></small>
</div>
</footer>
<script src="hi/javasc.js"></script>
</body>
</html>