-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (60 loc) · 2.42 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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css" class="stylesheet">
<title>WisPower</title>
</head>
<body>
<header class="showcase">
<div class="content">
<img src="logo.png" alt="Wisdom Is Power">
<div class="text">
WISDOM IS POWER
</div>
</div>
</header>
<!-- Services -->
<section class="services">
<div class="container grid-3 center">
<div>
<i class="fa fa-youtube fa-3x"></i>
<h3>Youtube</h3>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique perferendis voluptates, dignissimos ipsam saepe atque!
</div>
<div>
<i class="fa fa-gitlab fa-3x"></i>
<h3>GitLab</h3>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique perferendis voluptates, dignissimos ipsam saepe atque!
</div>
<div>
<i class="fa fa-bitcoin fa-3x"></i>
<h3>BitCoin</h3>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique perferendis voluptates, dignissimos ipsam saepe atque!
</div>
</div>
</section>
<!-- About -->
<section class="about bg-light">
<div class="container">
<div class="grid-2">
<div class="center">
<i class="fa fa-apple fa-5x"></i>
</div>
<div>
<h3>About Us</h3>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda, odio? Architecto fuga libero tempore et pariatur porro quo magnam atque eos ipsam labore expedita, sed animi omnis, voluptas, vel maxime cum eligendi fugit reprehenderit numquam? Totam, numquam reprehenderit fugiat ratione, consectetur tempora nulla unde id fugit dolores molestiae itaque minus?
</p>
</div>
</div>
</div>
</section>
<footer class="center bg-dark">
<p>Learning © 2020</p>
</footer>
</body>
</html>