-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgeneric.html
101 lines (94 loc) · 4.48 KB
/
generic.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
<!DOCTYPE HTML>
<!--
Alpha by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>The Fellas Studios</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body background="images/cosmicgriefbg.png">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">The Fellas</a> STUDIOS</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
<!-- <a href="#" class="icon fa-angle-down">Layouts</a>
<ul>
<li><a href="generic.html">Generic</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="elements.html">Elements</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option One</a></li>
<li><a href="#">Option Two</a></li>
<li><a href="#">Option Three</a></li>
<li><a href="#">Option Four</a></li>
</ul>
</li>
</ul>
</li> -->
<li><a href="#" class="button">Sign Up</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<section id="main" class="container">
<header>
<h2>Generic</h2>
<p>A generic page for every non-generic situation.</p>
</header>
<div class="box">
<!-- <span class="image featured"><img src="images/pic01.jpg" alt="" /></span> -->
<iframe width="560" height="315" src="https://www.youtube.com/embed/Z8BS0x7uQBY" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/iLSQ30__Rao" frameborder="0" allowfullscreen></iframe>
<h3>Soviet Ohio Presents: Cosmic Grief - 8/12/17</h3>
<p><i>Cosmic Grief</i> is the first album from indie rock and roll band Soviet Ohio, teased earlier this year with the two cinematic trailers that can be seen above. Though it is Soviet Ohio's first release, it is the band's second, as they released <i>Run From The Company</i> under their previous name, The Outer Loop, on 8/12/16, exactly one year before <i>Cosmic Grief</i>'s scheduled release. This album is a step up from their last release in every way, including the production, songwriting and technicality. It will also feature their new singer and long time bassist, Nate Conroy on vocals. The Fellas Studios is proud to present this album as our first music release, coming on 8/12/17.
</p>
<div class="row">
<div class="6u 12u(mobilep)">
<h3>Listen to Soviet Ohio's music!</h3>
<p>https://sovietohio.bandcamp.com<br>https://www.youtube.com/channel/UCG9kMIXz0p2DQLQCYRbPhog</p>
</div>
<div class="6u 12u(mobilep)">
<h3>Follow on social media!</h3>
<p>https://www.facebook.com/SovietOhio/<br>https://twitter.com/sovietohio</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollgress.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>