-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFront_Page.html
54 lines (45 loc) · 3.86 KB
/
Front_Page.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>History Pathway</title>
<link rel="stylesheet" href="./Front_Page.css">
</head>
<body>
<main>
<section class="first-layer">
<a href="https://www.vanderbilt.edu/"><image id="logo" src="https://cdn.vanderbilt.edu/vu-news/files/20230520091240/2022-Vanderbilt-University-wordmark.jpg" alt="Vanderbilt Logo" /></a>
<div id="search"><image id="magnifier" src="https://iconmonstr.com/wp-content/g/gd/makefg.php?i=../releases/preview/2012/png/iconmonstr-magnifier-2.png&r=100&g=100&b=100" alt="magnifier"/> <input type="text" placeholder="Search.." id="search-text"/></div>
<div id="favorites-recommendations"><image id="star" src="https://iconmonstr.com/wp-content/g/gd/makefg.php?i=../releases/preview/7.3.0/png/iconmonstr-star-lined.png&r=255&g=255&b=255" alt="star" /> <p id="favorites-recommendations-text">Favorites and Recommendations</p></div>
</section>
<section class="themes">
<p id="Asia">Asia</p>
<p id="Latin-America">Latin America</p>
<p id="Europe">Europe</p>
<p id="Early-American-and-the-US">Early American and the United States</p>
<p id="Middle-East-and-Africa">Middle East and Africa</p>
<p id="Global-and-Transnational">Global and Transnational</p>
<p id="Science-Medicine-Technology">Science Medicine & Technology</p>
<p id="Comparative-History-Special-Topics">Comparative History/Special Topics</p>
</section>
<section class="divider">
<div class="left">
<div class="bond"><img src="https://chathist.files.wordpress.com/2019/01/imp1-e1547405473337.jpg?w=739" alt="001"><p>HIST1111<br />European Imperialism</p></div>
<div class="bond"><img src="https://static.independent.co.uk/s3fs-public/thumbnails/image/2016/05/13/15/early-roman-london-1.jpg?width=1200" alt="002"><p>HIST1111<br />London: From Roman Camp to World City</p></div>
<div class="bond"><img src="https://oldoperatingtheatre.com/wp-content/uploads/2020/10/wbr-Woodcut-Witches-with-Devil.jpg" alt="003"><p>HIST1111<br />Religion, Magic, and Science in Early Modern Europe and America</p></div>
<div class="bond"><img src="https://www.brookings.edu/wp-content/uploads/2020/07/AdobeStock_344779143.jpeg" alt="004"><p>HIST1160<br />Modern South Asia</p></div>
<div class="bond"><img src="https://www.justiceinfo.net/wp-content/uploads/[email protected]" alt="005"><p>HIST1271W<br />War, Refugees, and Reconciliatory Justice in Africa</p></div>
<div class="bond"><img src="https://www.medievalists.net/wp-content/uploads/2011/03/1024px-Carte_de_lOce%CC%81an_Atlantique_Pierre_Devaux_1613.jpg" alt="006"><p>HIST1353<br />Atlantic History in the Digital Age</p></div>
<div class="bond"><img src="https://www.thoughtco.com/thmb/qdmeZe55D1ukB9zg9pdv9cI23N8=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/Landing_of_Columbus_-2--57ba7cb35f9b58cdfd4dd042-5b4514e046e0fb005bc9e37b.jpg" alt="007"><p>HIST1370<br />Colonial Latin America</p></div>
<div class="bond"><img src="https://cdn.thecollector.com/wp-content/uploads/2023/03/executions-inquisition-propaganda.jpg?width=1400&quality=55" alt="008"><p>HIST1379W<br />The Inquisition in the New World: Law, Deviance, and Heresy in Colonial Mexico</p></div>
<div class="bond"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f9/Declaration_of_Independence_%281819%29%2C_by_John_Trumbull.jpg" alt="009"><p>HIST1390<br />America to 1776: Discovery to Revolution</p></div>
</div>
<div class="right">
<h1>Welcome to Vandy History Pathways!</h1>
<p>This web app is the new way to explore the course catalog of the Department of History at Vanderbilt University.</p>
</div>
</section>
</main>
</body>
</html>