-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (155 loc) · 5.55 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
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Careers in the Creative Arts: Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
</head>
<body id="home">
<a id="top"></a>
<div id="menuButton">
<div class="menu">
<a href="#bottom_nav" id="openNav">Menu</a>
</div>
</div>
<div id="topMenu">
<nav id="main_nav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li class="current">
<a href="schedule.html">Schedule</a>
</li>
<li>
<a href="sessions.html">Sessions</a>
</li>
<li>
<a href="speakers.html">Speakers</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="videos.html">Videos</a>
</li>
</ul>
</nav>
<!--end main_nav -->
</div>
<!-- end topMenu-->
<div id="wrapper">
<header class="header">
<h1>CAREERS IN THE CREATIVE ARTS</h1>
</header>
<div class="feature">
<div class="featuredInfo">
<p class="introduction">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, unde, modi incidunt praesentium blanditiis eveniet sequi earum laudantium molestias accusantium in voluptatem ullam similique corrupti minus nihil ab quisquam. Quod.
</p>
<div class="date-location">
<p class="date">
June 25, 2014
</p>
<p class="location">
BMCC
<br>Richard Harris Terrace
<br>199 Chambers Street
<br>New York, NY 10007
</p>
</div>
</div>
<!-- end featureInfo -->
<div class="featuredSpeakers">
<h2>Featured Speakers</h2>
<div class="speaker">
<img src="http://placehold.it/400x400" alt="">
<h3>Name of Speaker</h3>
</div>
<div class="speaker">
<img src="http://placehold.it/400x400" alt="">
<h3>Name of Speaker</h3>
</div>
<div class="speaker">
<img src="http://placehold.it/400x400" alt="">
<h3>Name of Speaker</h3>
</div>
<div class="speaker">
<img src="http://placehold.it/400x400" alt="">
<h3>Name of Speaker</h3>
</div>
</div>
<!-- end featuredSpeakers -->
</div>
<!-- end row feature -->
<div class="tracks">
<h2>Conference Tracks</h2>
<div class="track">
<h3>Fine Arts</h3>
<p>
All starving artists whether you're painters, sculptors, photographers, illustrators or anything else, make your way to this workshop.
</p>
</div>
<div class="track">
<h3>Creative Writing</h3>
<p>Whether you write novels, plays, poems, short stories, fiction or non-fiction this is the place for you.
</p>
</div>
<div class="track">
<h3>Performing Arts</h3>
<p>
This is the spot for you if you express your creativity in front of people. Actors, musicians, dancers and theatre people are all welcome.
</p>
</div>
<div class="track">
<h3>Media Arts</h3>
<p>
It's all about the media. From the silver screen, to magazines, to the mobile web, this is for all filmmakers, graphic designers, animators and web designers.
</p>
</div>
</div>
<nav id="bottom_nav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="schedule.html">Schedule</a>
</li>
<li class="current">
<a href="sessions.html">Sessions</a>
</li>
<li>
<a href="speakers.html">Speakers</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="videos.html">Videos</a>
</li>
<li>
<a href="#top">Top</a>
</li>
</ul>
</nav>
<!--end bottom_nav -->
<footer>
<div class="copyright">
<p>© 2014 BMCC</p>
</div>
<div class="createdby">
<p>created by <a href="createdby.html">Your Name</a>
</p>
</div>
</footer>
<!-- end footer -->
</div>
<!-- end wrapper -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>