This repository has been archived by the owner on Aug 28, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
94 lines (84 loc) · 4.69 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>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap" rel="stylesheet">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="../Freeletics/assets/css/page.css">
<title>Freeletics</title>
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#"><img src="../Freeletics/assets/images/logo.png"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Home </a>
<a class="nav-link" href="#">Features </a>
<a class="nav-link" href="#">Pricing </a>
<a class="nav-link" href="#">Pricing </a>
</div>
</div>
</div>
</nav>
<!-- end navbar -->
<!-- about -->
<section class="about">
<div class="container">
<div class="d-flex justify-content-center">
<h1 class="title-1">ABOUT US</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquam cumque suscipit dolorem reprehenderit dolore expedita ullam sint hic exercitationem adipisci magnam, itaque eum animi odit sit dolorum illo quam dignissimos! Lorem ipsum,
dolor sit amet consectetur adipisicing elit. Quod rem laudantium veniam repudiandae quibusdam aperiam laboriosam animi nulla nobis, eum est mollitia perspiciatis sint unde odio iusto fugiat itaque earum. Lorem ipsum dolor sit amet
consectetur adipisicing elit. Eos, voluptas! Voluptatibus nesciunt animi aut impedit harum vel possimus, qui consequatur, ad maxime placeat voluptatum nisi quibusdam tenetur fugiat. Nihil, reiciendis.
</p>
<h1 class="title-2">MEET THE AUTHOR</h1>
</div>
</div>
<div class="bg-about">
<img src="../Freeletics/assets/images/about.png">
</div>
<div class="d-flex justify-content-center">
<div class="row">
<div class="col-4">
<div class="author">
<img src="../Freeletics/assets/images/jungkook.jpg">
<h5>Wahyu Hidayat</h5>
</div>
</div>
<div class="col-4">
<div class="author">
<img src="../Freeletics/assets/images/jungkook.jpg">
<h5>Wahyu Hidayat</h5>
</div>
</div>
<div class="col-4">
<div class="author">
<img src="../Freeletics/assets/images/jungkook.jpg">
<h5>Wahyu Hidayat</h5>
</div>
</div>
</div>
</div>
</section>
<!-- end about -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> -->
<!-- Option 2: Separate Popper and Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous">
</script>
<!--
-->
</body>
</html>