-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·92 lines (79 loc) · 5.6 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mozfest</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/custom.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<!--<script src="js/top-nav-behaviour.js"></script>-->
<script src="js/dropdown.js"></script>
<script src="js/fixed-menu-mobile.js"></script>
<script src="js/side-menu-fixed.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 top-nav">
<div class="desktop-imgs"><img src="images/primary-nav.jpg" width="1140px"></div>
<div class="mobile-imgs"><img src="images/primary-nav-mob.jpg"></div>
</div>
<div class="col-md-12 hero">
<h1 id="page-title">MOZFEST</h1>
<h3>The world's leading festival for the open Internet movement</h3>
<h4>October 27-29, 2017 Ravensbourne College, London</h4>
</div>
</div>
<div class="row second-container">
<div class="col-md-3 offset-md-1">
<ul class="desktop-menu">
<li><a href="index.html" class="desktop-selected">What to expect</a></li>
<li><a href="date-location.html">When and where</a></li>
<li><a href="speakers.html">Speakers</a></li>
<li><a href="projects-mozfest.html">Projects</a></li>
<li>
<div class="banner">
<h5>Join the Network <br>at MozFest</h5>
<button class="sidebar-cta">get tickets</button>
</div>
</li>
</ul>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
WHAT TO EXPECT
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="index.html" class="mobile-selected">What to expect</a></li>
<li><a href="date-location.html">When and where</a></li>
<li><a href="speakers.html">Speakers</a></li>
<li><a href="projects-mozfest.html">Projects</a></li>
<li><button class="mobile-cta">get tickets</button></li>
</ul>
</div>
</div>
<div class="col-md-7 margin-top-mob">
<h2>What is MozFest?</h2>
<p><strong>Here we should have a copy that really emphasizes the connection between MozFest and the Network</strong></p>
<img class="image-content" src="images/video-placeholder.jpg">
<p>Sed lacinia commodo diam, in accumsan eros condimentum non. Sed et mauris ac felis dictum blandit et in quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum, sapien ut porta consequat, massa turpis facilisis dolor, facilisis interdum massa enim sit amet mi. Cras orci ante, lacinia a laoreet ac, egestas eu sem. Etiam vitae elit sit amet lacus facilisis ultricies vitae eget nibh. Donec eu diam tortor. Nam nec ipsum eros. Proin malesuada rhoncus posuere.</p>
<p>Morbi tincidunt varius finibus. Ut vitae urna dolor. Fusce egestas pretium ex, vitae scelerisque quam posuere in. Mauris semper quam sed leo cursus convallis. Quisque neque mi, euismod non porta ut, pellentesque eget sem. Aliquam hendrerit tortor nisi, sit amet placerat lorem condimentum eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac quam egestas, porttitor quam quis, luctus quam. Nulla ac semper tortor, ac mattis turpis. Integer ut suscipit leo, in vulputate tortor. Curabitur condimentum imperdiet urna, id ultrices est molestie convallis. </p>
<h2 class="title-content">Participating at MozFest</h2>
<p>MozFest is an annual festival where hundreds of passionate people gather to wield the Web for good. We create, teach and learn as a community in order to make the Internet, and by extension the world, a better place. Guiding the festival is Mozilla’s core learning vision: learning should be hands-on, immersive, and done collectively.</p>
<p>MozFest is populated with people that are open, friendly and eager to help. Participants of all ages and skill levels are welcome. We believe that everyone has something to contribute. Youth especially are encouraged to come and lead sessions -- we’re dedicated to mentoring and celebrating tomorrow’s leaders. For our youngest participants, on-site day care and activities are provided.</p>
<p>We try to accommodate all interaction styles at MozFest. While many sessions are hands-on and fully interactive, we also have plenty of listening-based activities for those who participate best in that manner, as well as individual maker stations where attendees can focus -- individually or in a group -- on a single activity.</p>
<p>MozFest is proud to host attendees from all over the world. Because each of us arrives with different backgrounds, experiences and expectations, MozFest has Participation Guidelines outlining how we interact. Theses are ground rules guiding how participants, facilitators, space wranglers, staff, volunteers and vendors engage with one another during the festival, so we can all enjoy a safe, respectful and rewarding weekend.</p>
</div>
</div>
<div class="row">
<div class="col-md-12 footer">
<img class="desktop-imgs" src="images/footer.jpg" width="1140px">
<img class="mobile-imgs" src="images/footer-mob.jpg">
</div>
</div>
</div>
</body>
</html>