-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (66 loc) · 4.22 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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TEDxMAIT</title>
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="grid">
<div class="grid__item--tedx-head">
tedx head
</div>
<div class="grid__item--date">
date
</div>
<div class="grid__item--countdown">
countdown
</div>
<div class="grid__item--college">
college
</div>
<div class="grid__item--social-media">
social media
</div>
<div class="grid__item--tickets">
tickets
</div>
<div class="grid__item--speakers">
speakers
</div>
<div class="grid__item--venue">
venue
</div>
<div class="grid__item--youtube">
youtube
</div>
<div class="grid__item--sponsors">
sponsors
</div>
<div class="grid__item--tedx-info">
tedx info
</div>
<div class="grid__item--theme">
theme
</div>
<div class="grid__item--media">
media
</div>
<div class="grid__item--team">
team
</div>
</div>
</div>
<div class="overlay-container">
<div class="overlay-container__section--tedx-info">
<i class="fa fa-times overlay-close-btn"></i>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima voluptates dolorem possimus modi nisi labore repudiandae deserunt quae laudantium repellendus fugiat eum illo sit ab, quo officia et tempore expedita minus nobis dicta fugit omnis asperiores sint? Cupiditate, tempore eum. Sit asperiores magnam voluptatibus fugiat ex unde tempora voluptate, nostrum iusto, beatae quas recusandae incidunt mollitia voluptatum repudiandae minus, consequatur dolor assumenda blanditiis quos placeat inventore vero voluptates! Consequatur commodi vel eaque qui dolorum rerum repellendus repudiandae obcaecati fugit in. Architecto voluptatem maxime deleniti ad ullam iste sit deserunt sunt aliquam dignissimos culpa rem neque perspiciatis, fugit ut, dicta commodi dolorum repellat dolor. Voluptate iste ipsum aliquam nisi assumenda, maxime neque, nesciunt necessitatibus laboriosam nemo, ducimus saepe. Ad dolorem quaerat nostrum laudantium nemo placeat, consectetur ut possimus accusamus natus mollitia temporibus suscipit dicta! Unde, voluptas ipsum ut necessitatibus officia non tempora. Temporibus deleniti repudiandae quaerat perspiciatis at, blanditiis dolore fuga placeat harum voluptatibus beatae. Fuga expedita eaque aperiam incidunt placeat corporis sunt exercitationem consequuntur nesciunt cumque necessitatibus architecto delectus cum, deleniti fugiat, iusto maxime tempora asperiores molestias et ratione! Cum, atque sit. Incidunt laudantium veniam vero laborum sapiente asperiores possimus? Suscipit hic, sunt, enim, dolore et dolorem voluptatibus iure ipsum nihil nisi reprehenderit eum exercitationem recusandae. Similique, fugiat. Voluptatum saepe nostrum ex tempore aperiam soluta nihil eos sunt doloribus, esse quisquam earum modi error facilis amet repellendus quam blanditiis facere magnam quasi debitis. Error odio consequatur neque repudiandae quidem quia explicabo officia corrupti necessitatibus autem obcaecati quos sint sequi deserunt provident doloribus in asperiores qui voluptatibus non rem, eveniet dicta amet minus. Aspernatur dolore, laboriosam corrupti consequuntur similique nostrum molestiae odio. Neque eveniet doloremque et maxime id asperiores nisi architecto dolor excepturi tempora, hic repudiandae! Beatae, non mollitia. Doloribus aperiam pariatur aut harum saepe dolores cupiditate necessitatibus et, beatae nam.
</div>
</div>
<script src="js/script.js"></script>
</body>
</html>