Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
133 lines (100 loc) · 5.63 KB
/
Copy pathindex.html
File metadata and controls
133 lines (100 loc) · 5.63 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Education</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/273c5f2823.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- container start -->
<div class="container">
<!-- header start -->
<header class="header-section margin">
<h1>Develop your mind and <br> skills</h1>
<h3 class="text-decoration">MORE THAN 1200 ONLINE COURSES</h3>
<P>Want to get professional knowledge in the first-developing IT sphere? Pract offers a wide variety of online courses for everyone willing to enter the world of information technologies.</P>
<button class="button">DESIGN</button>
<button class="button">PROGRAMMING</button>
<button class="button">MARKETING</button>
</header>
<!-- header end -->
<!-- main content start -->
<main>
<section class="margin main-section">
<div class="div1">
<img src="images/profile.jpg" alt="girl in library">
</div>
<div class="div2">
<h2 class="text-style">A few words about</h2>
<h3 class="text text-style">Sample Headline</h3>
<p class="text text-style spacing">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque dolore et fugiat architecto facere deleniti in cum ullam suscipit sint. Hic labore vero nam temporibus nesciunt perferendis dolorem repudiandae fugiat fuga cumque nobis, facere dignissimos consectetur deleniti enim quibusdam placeat est quos dolorum maiores cupiditate veritatis quaerat corrupti delectus? Pariatur.</p>
</div>
</section>
<section class="margin">
<div class="second-section">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio ex libero vel voluptatibus error sapiente assumenda odit totam, voluptatem consequuntur consequatur ipsum distinctio magni aut reprehenderit ipsa illum praesentium exercitationem! Odit aperiam maiores, nemo necessitatibus voluptates recusandae itaque. Tempora earum nihil qui nostrum officiis nam quo reprehenderit nulla, at consequuntur.</p>
</div>
</section>
<section class="margin">
<div class="div4">
</div>
<div class="div5">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eos modi laborum quia? Tempora debitis explicabo unde illum neque saepe rem voluptatum accusantium.</p>
</div>
</section>
<section class="margin box-section">
<div class="box-1">
<h3 class="text">Best Industry Leaders</h3>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium possimus minus, similique reiciendis nesciunt quibusdam animi odio iure? Inventore, ipsam!</p>
</div>
<div class="box-2">
<h3 class="text">Best Teachers</h3>
<p class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veniam odit beatae totam neque id quibusdam facere quisquam cum in sit.</p>
</div>
<div class="box-3">
<h3 class="text">National Awards</h3>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum nam repellat corporis reiciendis esse facilis assumenda in dignissimos hic quidem?</p>
</div>
</section>
<h2 style="text-align: center; font-size: 40px;">Meet Our Team</h2>
<section class="margin card-section">
<div class="card1">
<img src="images/profile-1.jpg" alt="">
<h2 class="card-text">Alex Smith</h2>
<p class="text card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, doloribus.</p>
</div>
<div class="card2">
<img src="images/profile-1.jpg" alt="">
<h2 class="card-text">May Brown</h2>
<p class="text card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, maxime!<p>
</div>
<div class="card3">
<img src="images/profile-1.jpg" alt="">
<h2 class="card-text">Ann Richmond</h2>
<p class="text card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, sed.</p>
</div>
<div class="card4">
<img src="images/profile-1.jpg" alt="">
<h2 class="card-text">Roxie Swanson</h2>
<p class="text card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, tempora!</p>
</div>
</section>
</main>
<!-- manin content end -->
<!-- footer start -->
<footer>
<div class="footer-section">
<p>Sample text. Click to select the text box. Click again or double <br> click to start editing the text.</p>
<a href="/">Websites Templates</a> <span>created with</span> <a href="/">Website Builder Software</a>
</div>
</footer>
<!-- footer end -->
<!-- container end -->
</body>
</html>