This repository has been archived by the owner on Nov 16, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (109 loc) · 6.48 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Sexy Codicology - Illuminated Manuscripts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Discover illuminated manuscripts with us! Sexy Codicology finds and shares the best medieval manuscripts available in special collections around the world!">
<meta name="p:domain_verify" content="4299ccd3c4ef47edb7c1395f810012a0" />
<meta property="og:title" content="Sexy Codicology - Where illuminated manuscripts meet social media">
<meta property="og:description" content="Here at Sexy Codicology we do only one thing: we find incredible illuminated manuscripts and we share the images on our social media websites.">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=UnifrakturCook:700' type='text/css'>
<link rel="stylesheet" href="CSS/inprincipio.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="https://use.edgefonts.net/cabin:n4,i4,n7.js"></script>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<!--Incipit Liber Sexy Codicology-->
<body>
<div id="Main">
<div id="Logo-Header">
<div class="container">
<img src="images/logows.png" alt="Sexy Codicology Logo" class="logo">
</div>
</div>
<div id="splash">
<div class="container">
<div id="manuscript">
<img src="images/splash1.png" alt="Illuminated Manuscript" class="manuscriptA">
</div>
<div id="columnA">
<div id="love">
<h1>Illuminated manuscripts, everywhere!</h1>
<br>
</div>
<p class="leader">
Come explore medieval manuscripts with Sexy codicology. Plunge into digitized special collections and bring medieval illuminated manuscripts out of the darkness and back to life.
</p>
</div>
</div>
</div>
<div id="social">
<div class="container">
<div id="columnB">
<h2 class="blog">ILLUMINATED SOCIAL MEDIA</h2>
<br>
<p>Medieval manuscripts are usually kept into difficult-to-access archives in libraries. Thanks to digitization projects Sexy Codicology dives into these archives and shares the best finds on Facebook, Twitter, Tumblr and Pinterest.</p>
</div>
<div id="homepage-like">
<a href="https://twitter.com/SexyCodicology" class="like-button twitter" target="_top"><i></i> <span>Follow us on Twitter</span></a>
<a href="https://www.facebook.com/SexyCodicology" class="like-button facebook" target="_top"><i></i> <span>Like us on Facebook</span></a>
<a href="https://pinterest.com/SexyCodicology" class="like-button pinterest" target="_top"><i></i> <span>Follow us on Pinterest</span></a>
<a href="https://sexycodicology.tumblr.com" class="like-button tumblr" target="_top"><i></i> <span>Follow us on Tumblr</span></a>
</div>
</div>
</div>
</div>
<div id="Blog">
<div class="container">
<div id="knight">
<img src="images/Knight.png" alt="Medieval Knigh" width="433" height="181" class="manuscriptA">
</div>
<div id="columnC">
<h2 class="blog">The Sexy Codicology blog</h2>
<br>
<p>We also have a blog. This is where we write post on matters such as codicology, research, palaeography and illuminated manuscripts. Usually we post small original researches, other times we like to make people laugh.</p>
</div>
<div id="blog-button">
<a href="//sexycodicology.net/blog" class="blog-button visit" target="_top"><i></i> <span>visit</span></a>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<ul class="three columns sexy">
<li>
<h5>Sexy Codicology</h5></li>
<li><a href="//sexycodicology.net/blog/about/">What is SC?</a></li>
</ul>
<ul class="three columns about">
<li>
<h5>About Us</h5></li>
<li><a href="//sexycodicology.net/blog/authors/">The Team</a></li>
<li><a href="//sexycodicology.net/blog/">Our Blog</a></li>
</ul>
<ul class="three columns contact">
<li>
<h5>Contact Us</h5></li>
<li><a href="http://sexycodicology.net/blog/contact-us/">Email Us</a></li>
</ul>
<ul class="three columns community">
<li>
<h5>Join Us</h5></li>
<li><a target="_blank" href="//twitter.com/sexycodicology">Twitter</a></li>
<li><a target="_blank" href="//facebook.com/sexycodicology">Facebook</a></li>
<li><a target="_blank" href="//pinterest.com/SexyCodicology">Pinterest</a></li>
<li><a target="_blank" href="//sexycodicology.tumblr.com">Tumblr</a></li>
</ul>
<div class="four columns">
<p class="copyright">
<img src="images/logo_small.png" alt="Sexy Codicology logo" width="20" height="20">
<a rel="license" href="//creativecommons.org/licenses/by-sa/3.0/deed.en_US"></a>
<a href="//sexycodicology.net" property="dct:title" rel="dct:type">Sexy Codicology</a> by <a href="https://nl.linkedin.com/in/giuliomenna" property="cc:attributionName" rel="cc:attributionURL">Giulio Menna</a> is licensed under a <a rel="license" href="//creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>. </div>
</div>
</div>
</body>
<!--ego Giulio Menna cum manu mei scripsi anno Domini MMXIII, Deo gratias-->
</html>