This repository has been archived by the owner on Jul 10, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (103 loc) · 4.58 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
<!doctype html>
<html>
<head>
<title>The Cheap Collegiate</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" href="css/print.css" media="print" />
</head>
<body class="home">
<header>
<a class="block" href="index.html">
<img alt="store logo" src="images/logo.png" />
The Cheap Collegiate
</a>
</header>
<div id="main" class="block asides">
<div id="content">
<div id="banner">
<h1>The best store for all your college textbook needs</h1>
<div id="photos" class="rotator">
<img alt="a black female student wearing a hat sits reading the book Web Standards Solutions by author Dan Cederholm" src="images/student.jpg" />
</div>
</div>
<section>
<p>The Cheap Collegiate has been in business for over 50 years, serving the local university community with its reasonable prices and excellent customer service. We work with all the high schools, colleges, and universities in the tri-state area to ensure we stock the latest textbooks and related study supplies that students need to perform their best in upcoming semesters. If we don't have your book, just ask! We'll find it for you before your course deadline or it's half-off the sale price.</p>
<p>We also showcase local events, movie screenings, book signings, student clubs, and much much more. Contact us about hosting your next study event.</p>
<div class="feature">
<h2>Movie night, Jan 27: <i>We Are Wizards</i></h2>
<p>Join us on Wednesday, January 27 for a screening of the documentary about wizard rock and <i>Harry Potter</i> fandom.</p>
<div class="iframe ratio43"><iframe src="https://www.youtube.com/embed/24fDD-P7iwU?rel=0" allowfullscreen></iframe></div>
</div>
</section>
<aside id="events" class="callout">
<h2>Store events</h2>
<ul>
<li><b>Jan 4-17:</b> Back to School sale</li>
<li><b>Jan 11:</b> Spring semester begins</li>
<li><b>Jan 15:</b> last day to sellback Fall textbooks</li>
<li><b>Jan 20:</b> open mic night hosted by Poetry Club</li>
<li><b>Jan 22:</b> John Doe book signing</li>
</ul>
<a href="events.html">View all store events</a>
</aside>
<aside id="picks" class="callout">
<h2>Staff picks</h2>
<ul>
<li><i>Introductory Statistics</i></li>
<li><i>College Algebra</i></li>
<li><i>Concepts of Biology</i></li>
<li><i>United States History</i></li>
<li><i>Principles of Economics</i></li>
</ul>
<a href="picks.html">View all staff picks</a>
</aside>
</div>
<div id="sidebar">
<nav>
<h2>Site navigation</h2>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="location.html">Store location</a></li>
<li><a href="events.html">Store events</a></li>
<li><a href="picks.html">Staff picks</a></li>
<li><a href="about.html">About the store</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
<aside id="information">
<h2>Store information</h2>
<img alt="a photograph the front of the store" src="images/storefront.jpg" />
<div itemscope itemtype="http://schema.org/LocalBusiness">
<p itemprop="name"><strong>The Cheap Collegiate</strong></p>
<p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">123 Main Street,</span>
<span itemprop="addressLocality">Anytown</span>
<span itemprop="addressRegion">XZ</span>
<span itemprop="postalCode">98765</span>
</p>
<p itemprop="telephone">Phone: (202) 555.1212</p>
<ul>
<li>Monday closed</li>
<li>Tue - Thu 10am-7pm</li>
<li>Friday 10am-9pm</li>
<li>Saturday 12pm-10pm</li>
<li>Sunday 12pm-7pm</li>
</ul>
</div>
</aside>
</div>
</div>
<footer><div class="block">
<p>Reed Eckert Piernock<br />
University of Maryland, University College<br />
Fundamentals of JavaScript<br />
CMST 388.7980</p>
<p class="references"><a href="references.html">References and citations</a></p>
<p class="valid"><a href="https://validator.w3.org/check/referer">Valid HTML5</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></p>
</div></footer>
<script src="scripts/script.js"></script>
</body>
</html>