-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (79 loc) · 3.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/main.css">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<div class="intro">
<div class="text">
<span>T</span>
<span>h</span>
<span>e</span>
<span>D</span>
<span>e</span>
<span>v</span>
<span>e</span>
<span>l</span>
<span>o</span>
<span>p</span>
<span>e</span>
<span>r</span>
</div>
<div class="intro-button">
<button class="start" onclick="introOut()">START</button> <!-- memanggil fungsi jquery dengan klik -->
</div>
</div>
<section class="main">
<nav class="menu">
<ul>
<li><a href="about_me">About Me</a></li>
<li><a href="timeline">Story</a></li>
<li><a href="contact">Contact Me</a></li>
</ul>
</nav>
</section>
<div id="about_me" class="container-content">
<img src="images/laptop.jpg" alt="">
<h3 class="title">About Me</h3>
<div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, distinctio. Eveniet nihil tempora natus eligendi optio, hic ducimus quae reprehenderit assumenda mollitia ut in, aspernatur exercitationem? Maiores reprehenderit porro ipsa! Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates accusamus vero et ad. Ducimus quod, dolorem architecto obcaecati sint fuga doloribus tempora vitae doloremque provident quae aperiam debitis vel repellendus!</p>
</div>
</div>
<div id="timeline" class="container-content">
<div class="member top240">
<img src="images/laptop.jpg" alt="">
<h3>Balblae</h3>
<span>Chieff</span>
</div>
<div class="member top170">
<img src="images/laptop.jpg" alt="">
<h3>Balblae</h3>
<span>Chieff</span>
</div>
<div class="member top240">
<img src="images/laptop.jpg" alt="">
<h3>Balblae</h3>
<span>Chieff</span>
</div>
<div class="member top170">
<img src="images/laptop.jpg" alt="">
<h3>Balblae</h3>
<span>Chieff</span>
</div>
</div>
<script src="js/jquery-3.5.1.min.js"></script>
<!-- the script not worked -->
<!-- <script src="js/velocity.min.js"></script>
<script src="js/velocity.ui.js "></script> -->
<!-- cdn velocity worked -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/velocity.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/velocity.ui.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>