-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (80 loc) · 3.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fear Culture</title>
<meta content="" name="description">
<meta content="" name="author">
<meta content="width=device-width, initial-scale=1" name="viewport">
<script type="text/javascript">
WebFontConfig = { fontdeck: { id: '53859' } };
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<link href="css/normalize.css" rel="stylesheet">
<link href="css/fabric.css" rel="stylesheet">
<link rel="stylesheet" href="//f.fontdeck.com/s/css/kMKnUjdoBBFh3Bn8kz2hYxQJtEo/joshosbrn.github.io/53859.css" type="text/css" />
<link href="images/favicon.png" rel="icon" type="image/png">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/animatescroll.js"></script>
</head>
<body>
<div class="scroll-top"></div>
<div class="container">
<div class="row intro">
<div class="three columns"> </div>
<div class="six columns center"><a class="button-link" href="index.html"><img class="logo" src="img/fear_guy.svg"></a><br><p>Fear Culture is a submission-based literary magazine, exploring the connection between humans and our greatest weakness.</p>
<button class="outline small">DOWNLOAD ISSUE 01</button> <a class="button-link" href="information.html"><button class="outline small">LEARN MORE</button></a>
</div>
<div class="three columns"> </div>
</div>
<div class="row sections">
<div class="two columns"> </div>
<div class="four columns"><h3>Issue 01 Available Now</h3><br><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
<div class="four columns"><img class="spread" src="img/fearspread_02.svg"></div>
<div class="two columns"> </div>
</div>
<div class="row sections">
<div class="one-half column"><img class="spread" src="img/fearspread_01.svg"></div>
<div class="one-half column"><img class="spread" src="img/fearspread_02.svg"></div>
</div>
<div class="row thumbnails">
<div class="one-half column"><img class="spread" src="img/fearspread_03.svg"></div>
<div class="one-half column"><img class="spread" src="img/fearspread_04.svg"></div>
</div>
<div class="row sections">
<div class="twelve columns center">
<a href="#" onclick="$('.scroll-top').animatescroll({scrollSpeed:750,padding:55,easing:'easeInOutCubic'});">↑ Back to Top ↑</a>
</div>
</div>
</div>
<div class="footer-wrapper">
<div class="footer-container">
<div class="footer-row">
<div class="one column">
<img src="img/fear_guy_white.svg">
</div>
<div class="two columns">
<span class="column-header">Elsewhere</span>
<ul>
<li><a class="footer-link" href="#">Twitter</a></li>
<li><a class="footer-link" href="#">Facebook</a></li>
<li><a class="footer-link" href="#">Issuu</a></li>
</ul>
</div>
<div class="four columns">
<span class="column-header">Colophon</span>
<p class="light colophon-text">Fear Culture was created by Joe Letchford & Will Luck. The magazine is set in Avenir by Linotype, and the website is set in Maison Neue by Milieu Grotesque.</p>
</div>
</div>
</div>
</div>
</body>
</html>