-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspeakers.html
110 lines (105 loc) · 5.44 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
107
108
109
110
<!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="stylesheet" href="style.css">
</head>
<body>
<header>
<span class="logo capital-case">Style</span><span class="logo" > Conference </span>
<div>
<span class="time hightlight-text">
<time datetime="">Aug 24-26</time>
<span>Chicago - IL</span>
</span>
<navc class="mainMenue 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 class="page-explain liner-gradients">
<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>
</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-edit" 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-edit" src="./img/adam-connor.jpg" alt="">
<p class="person-contact">adamconnor@ <br> adamconnor.com</p>
</div>
</section>
</main>
<footer>
<small class="hightlight-text"> © style conference </small>
<nav class = "mainMenue">
<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>