Skip to content

Instantly share code, notes, and snippets.

@bumble-bee-chuna
Created November 29, 2016 23:45
Show Gist options
  • Save bumble-bee-chuna/fd87871ef8f2dd422fafd277e4341fc3 to your computer and use it in GitHub Desktop.
Save bumble-bee-chuna/fd87871ef8f2dd422fafd277e4341fc3 to your computer and use it in GitHub Desktop.
<!DOCTYPE HTML>
<html lang="en">
<head itemscope itemtype="http://schema.org/WebSite">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="msapplication-tap-highlight" content="no">
<!-- Color the status bar on mobile devices -->
<meta name="theme-color" content="#000000">
<!-- CSS -->
<link href="https://fonts.googleapis.com/css?family=Lora:400,700|Montserrat:400,700|Raleway:700,800,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<!-- Script -->
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>
</head>
<body>
<div id="sidebar-nav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="/">Home</a>
<a href="services">Services</a>
<a href="about">About</a>
<a href="#">Past Events</a>
<a href="#">Blog</a>
<a href="contact">Contact</a>
</div>
<header>
<nav>
<img id="logo" src="assets/images/logo.svg">
<img id="hamburger" src="assets/images/hamburger.svg" onclick="openNav()">
</nav>
<div id="hero">
<video autoplay loop muted poster="assets/images/Agile.jpg" id="video-background">
<source src="assets/videos/Agile.mp4" type="video/mp4">
</video>
<h1>Phenomenal web</h1>
<h1>design & development</h1>
<p>We create quality websites and applications.</p>
<span class="wistia_embed wistia_async_FAKENUMBER popover=true popoverContent=link" style="display:inline">
<a href="#">
<img id="play-button" src="assets/images/play-btn.svg">
</a>
</span>
<h5>What We Do</h5>
</div>
</header>
<div id="wrapper">
<section id="description">
<article>
We craft websites and build web applications that advance businesses.
Through vigorous user-research, engineering, and design, we make products
that will keep your users coming back.
</article>
</section>
<section id="offers">
<article id="web">
<img src="assets/images/computer.svg">
<h1>Web Design & Development</h1>
</article>
<article id="application">
<img src="assets/images/application-development.svg">
<h1>Application Development</h1>
</article>
<article id="branding">
<img src="assets/images/branding.svg">
<h1>Branding</h1>
</article>
<article id="maintenance">
<img src="assets/images/maintenance.svg">
<h1>Maintenance</h1>
</article>
</section>
<section id="our-approach" class="item-section">
<article>
<h5>What we can help you with</h5>
<h1>Our Approach</h1>
</article>
</section>
<section id="contact-us" class="item-section">
<article>
<h5>Interested in working with us?<h5>
<h1>Contact Us</h1>
</article>
</section>
</div>
</body>
<script src="assets/js/main.js"></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment