Skip to content

Commit

Permalink
uploaded placeholder
Browse files Browse the repository at this point in the history
  • Loading branch information
@bogomazon
bogomazon committed May 30, 2017
1 parent c867777 commit 346d63c
Show file tree
Hide file tree
Showing 11 changed files with 372 additions and 159 deletions.
141 changes: 141 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Supreme Banana Games</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>

<!-- Wrapper -->
<div id="wrapper">

<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Supreme Banana</strong> <span>Games</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>

<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="landing.html">Landing</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
<ul class="actions vertical">
<li><a href="#" class="button special fit">Get Started</a></li>
<li><a href="#" class="button fit">Log In</a></li>
</ul>
</nav>

<!-- Main -->
<div id="main" class="alt">

<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h1>About Us</h1>
</header>
<span class="image main"><img src="images/team.jpg" alt="" /></span>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
</div>
</section>

</div>

<!-- Contact -->
<section id="contact">
<div class="inner">
<section>
<form method="post" action="#">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="special" /></li>
<li><input type="reset" value="Clear" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon alt fa-envelope"></span>
<h3>Email</h3>
<a href="#">[email protected]</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon alt fa-phone"></span>
<h3>Phone</h3>
<span>(000) 000-0000 x12387</span>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon alt fa-home"></span>
<h3>Address</h3>
<span>1234 Somewhere Road #5432<br />
Nashville, TN 00000<br />
United States of America</span>
</div>
</section>
</section>
</div>
</section>

<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>&copy; Untitled</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>

</div>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.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>
50 changes: 25 additions & 25 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1684,11 +1684,11 @@

a:hover {
border-bottom-color: transparent;
color: #9bf1ff !important;
color: #feff5f !important;
}

a:active {
color: #53e3fb !important;
color: #f3f466 !important;
}

strong, b {
Expand Down Expand Up @@ -1844,7 +1844,7 @@
display: block;
height: 2px;
margin: 0.325em 0 0.5em 0;
width: 100%;
width: 40%;
}

header.major > p {
Expand Down Expand Up @@ -1981,8 +1981,8 @@
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #9bf1ff;
box-shadow: 0 0 0 2px #9bf1ff;
border-color: #feff5f;
box-shadow: 0 0 0 2px #feff5f;
}

.select-wrapper {
Expand Down Expand Up @@ -2086,14 +2086,14 @@
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #ffffff;
border-color: #9bf1ff;
border-color: #feff5f;
content: '\f00c';
color: #242943;
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
box-shadow: 0 0 0 2px #9bf1ff;
box-shadow: 0 0 0 2px #feff5f;
}

input[type="radio"] + label:before {
Expand Down Expand Up @@ -2185,11 +2185,11 @@
}

a.icon.alt:hover:before {
background-color: #6fc3df;
background-color: #feff5f;
}

a.icon.alt:active:before {
background-color: #37a6cb;
background-color: #f3f466;
}

/* Image */
Expand Down Expand Up @@ -2410,12 +2410,12 @@
}

ul.pagination li > .page.active:hover {
background-color: #9bf1ff;
background-color: #feff5f;
color: #242943 !important;
}

ul.pagination li > .page.active:active {
background-color: #53e3fb;
background-color: #f3f466;
}

ul.pagination li:first-child {
Expand Down Expand Up @@ -2563,8 +2563,8 @@
button:active,
.button:hover,
.button:active {
box-shadow: inset 0 0 0 2px #9bf1ff;
color: #9bf1ff;
box-shadow: inset 0 0 0 2px #feff5f;
color: #feff5f;
}

input[type="submit"]:active,
Expand All @@ -2573,8 +2573,8 @@
button:active,
.button:active {
background-color: rgba(155, 241, 255, 0.1);
box-shadow: inset 0 0 0 2px #53e3fb;
color: #53e3fb;
box-shadow: inset 0 0 0 2px #f3f466;
color: #f3f466;
}

input[type="submit"].icon:before,
Expand Down Expand Up @@ -2661,7 +2661,7 @@
input[type="button"].next:after,
button.next:after,
.button.next:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %239bf1ff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23feff5f%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
opacity: 0;
z-index: 1;
}
Expand Down Expand Up @@ -2709,7 +2709,7 @@
button.special:active,
.button.special:hover,
.button.special:active {
background-color: #9bf1ff;
background-color: #feff5f;
color: #242943 !important;
}

Expand All @@ -2718,7 +2718,7 @@
input[type="button"].special:active,
button.special:active,
.button.special:active {
background-color: #53e3fb;
background-color: #f3f466;
}

input[type="submit"].disabled, input[type="submit"]:disabled,
Expand Down Expand Up @@ -2819,7 +2819,7 @@
display: block;
height: 100%;
left: 0;
opacity: 0.85;
opacity: 0.15;
position: absolute;
width: 100%;
z-index: 2;
Expand Down Expand Up @@ -3180,11 +3180,11 @@
}

#header .logo:hover strong {
background-color: #9bf1ff;
background-color: #feff5f;
}

#header .logo:active strong {
background-color: #53e3fb;
background-color: #f3f466;
}

#header nav {
Expand Down Expand Up @@ -3243,7 +3243,7 @@
-webkit-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %239bf1ff%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %23feff5f%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
opacity: 0;
z-index: 1;
}
Expand Down Expand Up @@ -3440,12 +3440,12 @@
-webkit-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
background-color: #242943;
background-color: #383838;
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0.85;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
Expand Down Expand Up @@ -3950,7 +3950,7 @@
}

#menu .close:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %239bf1ff%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23feff5f%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
opacity: 0;
}

Expand Down
Binary file added images/Thumbs.db
View file
Binary file not shown.
Binary file modified images/banner.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/pic01.jpg
View file
Binary file not shown.
Binary file added images/pic01.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pic02.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/pic03.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/team.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 346d63c

Please sign in to comment.