-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (94 loc) · 3.07 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Company-Profile</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
</head>
<body>
<!-- loader -->
<div class="bg-loader">
<div class="loader"></div>
</div>
<!-- header -->
<header>
<div class="container">
<h1><a href="index.html">Bubye : Make Up & Skincare</a></h1>
<ul>
<li class="active"><a href="index.html">Beranda</a></li>
<li><a href="tentang.html">Tentang</a></li>
<li><a href="karyawan.html">Karyawan</a></li>
<li><a href="kontak.html">Kontak</a></li>
</ul>
</div>
</header>
<!-- banner -->
<section class="banner">
<h2>Bubye</h2>
</section>
<!-- tentang -->
<section class="tentang">
<div class="container">
<h3>TENTANG</h3>
<b>VISI</b>
<P>Menjadi platform terpercaya untuk para pecinta skincare & make up </P>
<b>MISI</b>
<p type="a">
Menyediakan informasi seputar skincare secara tepat dan akurat dengan menginformasikan kandungan, manfaat serta kecocokan tiap jenis kulit. Tidak hanya itu, Bubye juga menyediakan informasi seputar make up mulai dari lokal hingga internasional, dengan harga yg bervariasi.
</p>
</ul>
</div>
</section>
<!-- karyawan -->
<section class="karyawan">
<div class="container">
<h3>KARYAWAN</h3>
<div class="box">
<div class="col-4">
<div class="icon"><i class="fas fa-user"></i></div>
<h4>FADIAH NURHAYATI</h4>
</div>
<div class="col-4">
<div class="icon"><i class="fas fa-user"></i></div>
<h4>MAGHFIRAH RINTI FARADIFA</h4>
</div>
<div class="col-4">
<div class="icon"><i class="fas fa-user"></i></div>
<h4>HURUL AINI</h4>
</div>
<div class="col-4">
<div class="icon"><i class="fas fa-user"></i></div>
<h4>ASHILAH SATYA RIYANTI</h4>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="medsos">
<div class="container">
<ul>
<li><a href="#"><i class="fab fa-instagram-square"></i></a></li>
<li><a href="#"><i class="fab fa-whatsapp-square"></i></a></li>
<li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fab fa-line"></i></a></li>
<li><a href="#"><i class="fab fa-telegram"></i></a></li>
<li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fab fa-youtube-square"></i></a></li>
</ul>
</div>
</div>
<div class="container">
<small>Copyright © 2020 - Satya Ashilah. All Right Reserved.</small>
</div>
</footer>
<script type="text/javascript">
$(document).ready(function(){
$(".bg-loader").hide();
})
</script>
</body>
</html>