-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (124 loc) · 5.51 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" media="screen and (max-width: 600px)" href="assets/css/mobilescreen.css">
<link rel="icon" href="assets/img/icon.png">
<title>Boss? Ok!</title>
</head>
<body>
<header>
<nav id="nav">
<div class="container">
<!-- <div class="nav logo"><a href="#jumbotorn">NotYourColony</a></div> -->
<div class="logo">
<a href="#">
<img src="assets/img/logo.png" alt="LOGO BOSS-OK" width="100px">
</a>
</div>
<div class="nav empty"></div>
<div class="nav info"><a href="#info">game info</a></div>
<div class="nav event"><a href="#event">event</a></div>
<div class="nav about"><a href="#about">about us</a></div>
<div class="nav sign"><a href="login.html">sign in</a></div>
</div>
</nav>
</header>
<main>
<div id="jumbotorn" class="jumbotorn">
<!-- <img src="/assets/img/landing.png" alt=""> -->
<div class="landing">
<h1>BOSS? OK!</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Saepe aliquam qui commodi minus doloribus
at officiis fugiat, ipsum veniam ea vitae! Ad, rem. Hic delectus, esse magnam <br> Lorem ipsum dolor
sit, amet consectetur adipisicing elit. Laudantium accusamus <br> deserunt magnam praesentium
impedit
molestias beatae reprehenderit, fuga <br> quo ipsum voluptas? Ut animi, quaerat neque ullam eos
labore
vero sint. <br> expedita corrupti
velit?
</p>
<a href="#info">Learn More !</a>
</div>
</div>
<div class="main-container">
<div id="info">
<span class="info-title">WHAT WE DO ?</span>
<div class="info-img"></div>
<div class="info-explain">
<article>
<h4>HMMM...</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias, perferendis, cum magni
consequuntur, assumenda culpa mollitia iste facere at architecto quaerat voluptate quae ut
libero deserunt est debitis doloremque nam!</p>
</article>
</div>
</div>
</div>
<div class="container-parallax">
<div class="parallax-text">
<h2>SO WHAT </h2>
<h1>ARE YOU WAITING FOR ?</h1>
</div>
<div class="bg-parallax"></div>
</div>
<div class="event-container">
<div id="event">
<article>
<h1>LET'S PLAY OUR GAME!</h1>
<div class="hexa"></div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Saepe aliquam qui commodi minus
doloribus
at officiis fugiat, ipsum veniam ea vitae! Ad, rem. Hic delectus, esse magnam Lorem ipsum dolor
sit, amet consectetur adipisicing elit. Laudantium accusamus <br> deserunt magnam praesentium
impedit
molestias beatae reprehenderit, fuga.
</p>
<a href="download.html">Download Now !</a>
<img src="assets/img/bg-2.png" alt="">
</article>
</div>
</div>
<aside id="about">
<div class="aside-container">
<h1>About Us</h1>
<div class="profil person1">
<img src="assets/img/profil1.png" alt="">
<h3>Kurnia Cahya</h3>
<p>
tempora perferendis blanditiis mollitia sit ex commodi asperiores? Pariatur consequatur non
quisquam fugit officia delectus nulla tenetur!</p>
</div>
<div class="profil person2">
<img src="assets/img/profil1.png" alt="">
<h3>Rafli Febrian</h3>
<p>
tempora perferendis blanditiis mollitia sit ex commodi asperiores? Pariatur consequatur non
quisquam fugit officia delectus nulla tenetur!</p>
</div>
<div class="profil person3">
<img src="assets/img/profil1.png" alt="">
<h3>Eliezer Delpiero</h3>
<p>
tempora perferendis blanditiis mollitia sit ex commodi asperiores? Pariatur consequatur non
quisquam fugit officia delectus nulla tenetur!</p>
</div>
</div>
</aside>
</main>
<footer>
<div class="footer-container">
<div class="footer">
<h3>BOSS? OK!</h3>
<p>© 2021 BOSS? OK!, Inc. BOSS? OK!, and any associated logos are trademarks, service
marks,
and/or registered trademarks of BOSS? OK!, Inc.
</p>
</div>
</div>
</footer>
<script src="assets/js/script.js"></script>
</body>
</html>