-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscholarship.html
125 lines (106 loc) · 5.35 KB
/
scholarship.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
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Eileen Southern Exhibition</title>
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/aos.css" media="screen">
<link rel="stylesheet" type="text/css" href="fonts/fonts.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
</head>
<body>
<div class="nav-container" id="navbar">
<div class="logo"><h2><a href="index.html">Eileen Southern</a></h2>
<h3 class="subtitle">And the Music of<br>Black Americans</h3>
</div>
<nav>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li class="category-name dark-yellow pad-top">Exhibition
<ul>
<li class="page-link dark-yellow-bg"><a href="bio.html">Life + Career</a></li>
<li class="page-link dark-yellow-bg"><a href="timeline.html">Timeline</a></li>
<li class="page-link dark-yellow-bg"><a href="scholarship.html">Scholarship</a></li>
<li class="page-link dark-yellow-bg"><a href="teaching.html">Teaching</a></li>
<li class="page-link dark-yellow-bg"><a href="map.html">Map</a></li>
</ul>
</li>
<li class="category-name light-teal">Gallery
<ul>
<li class="page-link light-teal-bg"><a href="gallery.html">Gallery Images</a></li>
<li class="page-link light-teal-bg"><a href="interviews.html">Interviews</a></li>
</ul>
</li>
<li class="category-name orange">About
<ul>
<li class="page-link orange-bg"><a href="about.html">About the Project</a></li>
<li class="page-link orange-bg"><a href="glossary.html">Glossary</a></li>
<li class="page-link orange-bg"><a href="team.html">Our Team</a></li>
<li class="page-link orange-bg"><a href="bibliography.html">Bibliography</a></li>
<li class="page-link orange-bg"><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<header>
<h1 class="page-title txt-center" data-aos="fade-in">Scholarship</h1>
</header>
<main>
<div class="banners">
<img src="imgs/page_banner_07.png">
<p class ="caption">image detail from book titled etc.</p>
</div>
<div class="container-narrow">
<h3 class="txt-center" data-aos="fade-in">Title</h3>
<p data-aos="fade-in">While Eileen Southern has writen several books these two publications are featured in the exhibtion. These were selected because of something to do with correspondence and their lasting impact that they had on musicology and culture on a whole. Read the correspondence for each of these book.</p>
</div>
<div class="container-wide">
<div class="flex-column" data-aos="fade-up">
<div class="publications-container pub-column right-rule" data-aos="fade-up">
<a href="music-of-black-americans.html"><img src="imgs/book-MOBA_01.jpg"></a>
<h3 class="txt-center"><a class="dark-red" href="music-of-black-americans.html">THE MUSIC OF BLACK AMERICANS</a></h3>
</div>
<div class="publications-container pub-column right-rule" data-aos="fade-up">
<a href="black-perspective-in-music.html"><img src="imgs/book-BPIM_01.jpg"></a>
<h3 class="txt-center"><a class="dark-red" href="black-perspective-in-music.html">THE BLACK PERSPECTIVE IN MUSIC</a></h3>
</div>
<div class="publications-container pub-column" data-aos="fade-up">
<a href="renaissance-scholarship.html"><img src="imgs/book-ORGAN_01.jpg"></a>
<h3 class="txt-center"><a class="dark-red" href="renaissance-scholarship.html">Renaissance Scholarship</a></h3>
</div>
</div>
</div>
</main>
<footer>
<ul class="bottom-nav">
<li><a href="bio.html">Life + Career</a></li>
<li>|</li>
<li><a href="timeline.html">Timeline</a></li>
<li>|</li>
<li><a href="scholarship.html">Scholarship</a></li>
<li>|</li>
<li><a href="teaching.html">Teaching</a></li>
<li>|</li>
<li><a href="map.html">Map</a></li>
<li>|</li>
<li><a href="gallery.html">Gallery</a></li>
<li>|</li>
<li><a href="interviews.html">Interviews</a></li>
</ul>
</footer>
<div class="footer-image"></div>
<script src="js/aos.js"></script>
<script>
AOS.init({
easing: 'ease-in-out-sine',
});
</script>
</body>
</html>