-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (68 loc) · 2.88 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
<!DOCTYPE <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Matrix</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<title>Matrix Media</title>
</head>
<body>
<header class="showcase" id="bg">
<div class="content">
<img src="img3.png" class="logo" alt="Matrix Medai">
<div class="title">
Welcome To Matrix Media
</div>
<div class="text">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum, laborum.
</div>
</div>
</header>
<!-- Services -->
<section class="services">
<div class="container grid-3 center">
<div>
<i class="fab fa-youtube fa-3x"></i> <!-- fa-3x use for font large. It is a class of font-awesome -->
<h3>YouTube</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, tempora!</p>
</div>
<div>
<i class="fas fa-chalkboard-teacher fa-3x"></i>
<!-- fa-3x use for font large. It is a class of font-awesome -->
<h3>Courses</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, tempora!</p>
</div>
<div>
<i class="fas fa-briefcase fa-3x"></i> <!-- fa-3x use for font large. It is a class of font-awesome -->
<h3>Freelancing Projects</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, tempora!</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. Atque, necessitatibus voluptates? Et
facere quaerat voluptas ducimus incidunt optio, ullam excepturi. Molestias fugit eaque non
minus eum quidem odit quibusdam quo?Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Illo minus laborum dicta corporis porro ea tempore voluptas, eligendi incidunt! Ducimus.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="center bg-dark">
<p>Matrix Media © 2018</p>
</footer>
</body>
</html>