-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspeakers.html
106 lines (100 loc) · 5.63 KB
/
speakers.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
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
<!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>SPEAKERS</title>
<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@100;300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="content-section">
<header>
<span class="logo capital-case xl-scale text-weight-thin">Style conference</span>
<div>
<span class="time hightlight-text">
<time datetime="">Aug 24-26</time>
<span>Chicago - IL</span>
</span>
<navc class="mainMenu capital-case">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./speakers.html">Speakers</a></li>
<li><a href="./schedule.html">schedule</a></li>
<li><a href="./venue.html">Venue</a></li>
<li><a href="./register.html">Register</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class="page-explain liner-gradients text-center secondary-content-section">
<h1>Speakers</h1>
<p>
We're happy to welcome over twenty speakers to present on the industry's latest technologies.
Prepare for an inspiration extravaganza.
</p>
</div>
<main class=" page-center page-color">>
<section>
<div class="flex-person-info">
<h1 class="s-scale margin-scale-xs hightlight-text text-weight-regular">Aaron Irizarry</h1>
<h2 class="xxs-scale capital-case person-second-title text-weight-regular">designing a culture of design
</h2>
<p class="xxs-scale">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus saepe sed nam
veniam dolorum officia mollitia dignissimos sunt voluptatem dicta nesciunt dolorem,
tempora vero molestiae necessitatibus culpa repudiandae facere provident.</p>
<p class="xxs-scale">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestias perspiciatis
aperiam, distinctio nisi inventore in omnis vitae,
cum error quibusdam nesciunt corporis pariatur maxime asperiores odio voluptatibus suscipit dolorum
dolores.</p>
<h2 class="xxs-scale capital-case person-second-title text-weight-regular">about Aaron</h2>
<p class="xxs-scale">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aut ea explicabo officia
sed nemo rerum eveniet cupiditate iusto eum,
necessitatibus perferendis. Inventore sint quo nihil?</p>
<div class="person-img-and-contact">
<img class="person-img" src="./img/aaron-irizarry.jpg" alt="">
<p class="person-contact">aaroni@ <br> discussingdesign.com</p>
</div>
</section>
<section class="page-section">
<div class="flex-person-info">
<h1 class="s-scale margin-scale-xs hightlight-text text-weight-regular">Adam Connor</h1>
<h2 class="xxs-scale capital-case person-second-title text-weight-regular">Lights! camera! interaction!
design inspiration from filmmakers</h2>
<p class="xxs-scale">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia, animi minima ut
repellat eos dolore qui in temporibus soluta obcaecati nostrum tempore nisi corrupti,
aliquid dignissimos fuga dolorem id dolorum recusandae quibusdam totam saepe quaerat ratione? Minus iure
eaque sequi.</p>
<p class="xxs-scale">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nam assumenda, molestiae
atque est quas modi! Sint perferendis pariatur eos, recusandae repudiandae
sunt provident corporis praesentium minima cumque debitis sed optio.</p>
<h2 class="xxs-scale capital-case person-second-title text-weight-regular">about Adam</h2>
<p class="xxs-scale">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus veniam, ea
dolorum quasi minima fugit modi iste error nihil
minus quae non, dolores cupiditate incidunt nobis assumenda? Fugiat temporibus, deleniti autem odit
voluptate debitis rem voluptatum quod nobis itaque. Inventore eum odit veniam commodi soluta deleniti
optio doloremque sunt unde.</p>
<div class="person-img-and-contact">
<img class="person-img" src="./img/adam-connor.jpg" alt="">
<p class="person-contact">adamconnor@ <br> adamconnor.com</p>
</div>
</section>
</main>
<footer>
<small class="hightlight-text xxs-scale text-weight-regular"> © style conference </small>
<nav class="mainMenu xxs-scale text-center">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./speakers.html">Speakers</a></li>
<li><a href="./schedule.html">schedule</a></li>
<li><a href="./venue.html">Venue</a></li>
<li><a href="./register.html">Register</a></li>
</ul>
</nav>
</footer>
</body>
</html>