-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
58 lines (58 loc) · 2.94 KB
/
about.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
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fjalla+One&family=Noto+Sans&family=Teko&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
<title>Jual PC</title>
</head>
<body>
<nav class="vw-100">
<ul>
<li><a href="./index.html" class="menu">Home</a></li>
<li><a href="./produk.html" class="menu">Produk</a></li>
<li><a href="./about.html" class="menu">About Us</a></li>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</ul>
</nav>
<div class="content">
<h2 class="judul-about">Tentang Website</h2>
<section class="about">
<p>Website ini dibuat untuk memenuhi tugas mata kuliah interaksi manusia dan komputer terimakasih kepada ibu dosen atas tugas yang diberikan sehingga kami dapat memahami bagaimana design yang bagus yang sesuai dengan Shneiderman’s Eight Golden Rules. Kami menyadari bahwa website ini masih banyak kekurangan oleh karena itu kritik dan saran akan sangat berarti bagi Kami</p>
<div class="nama-kelompok">
<div class="alief">
<h5 class="nama">
Mohamad Alief Rizky Ramadhan
</h5>
<h6 class="nim">F1G119031</h6>
</div>
<div class="satya">
<h5 class="nama">
Satya Wardhana
</h5>
<h6 class="nim">F1G119036</h6>
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="socmed">
<h4>Contact Us:</h4>
<div class="icon">
<a href="tel:+6281363818152" class="whatsapp"><i class="fab fa-whatsapp fa-4x"></i></a>
<a href="mailto:[email protected]" class="mail"><i class="far fa-envelope fa-4x"></i></a>
<a href="https://www.instagram.com/maliefrr" class="instagram" target="_blank"><i class="fab fa-instagram fa-4x"></i></a>
<a href="https://www.twitter.com/maliefrr14" class="twitter" target="_blank"><i class="fab fa-twitter fa-4x twt"></i></a>
</div>
</div>
</footer>
</body>
</html>