-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·74 lines (61 loc) · 2.75 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="device-width">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>My Blur Project</title>
</head>
<body>
<header class="showcase">
<div class="content">
<img src="images/logo.png" alt="Mymedia" class="logo">
<div class="title">
Welcome to My media
</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, minima.
</div>
</div>
</header>
<!--services-->
<section class="services">
<div class="container grid-3 center">
<div>
<i class="fab fa-youtube fa-3x"></i>
<h3>YouTube</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque, provident.</p>
</div>
<div>
<i class="fas fa-chalkboard-teacher fa-3x"></i>
<h3>Courses</h3>
<p>Lorem ipsum dolor, nihil vitae! ipsum dolor sit amet consectetur, adipisicing elit. Atque, provident.</p>
</div>
<div>
<i class="fas fa-briefcase fa-3x"></i>
<h3>Freelancing Projects</h3>
<p>Lorem sit amet consectetur, adipisicing elit. Atque, provident.</p>
</div>
</div>
</section>
<!--About-->
<section class ="about bg-light">
<div class="container">
<div class="grid-2 ">
<div class="center">
<i class="fas fa-laptop-code fa-10x"></i>
</div>
<div>
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, asperiores. Laboriosam libero nostrum, voluptas quos animi quidem voluptatum magnam numquam exercitationem cupiditate accusantium laudantium consequatur accusamus possimus rem, quis ipsam doloremque dolores aspernatur totam inventore ab. Voluptas earum laborum dolorum!
</p>
</div>
</div>
</div>
</section>
<!--footer-->
<footer class="center">
<p>My Media © 2019</p>
</footer>
</body>
</html>