Skip to content

Instantly share code, notes, and snippets.

@GJSmith3rd

GJSmith3rd/index.html

Last active August 27, 2015 22:19
Show Gist options
  • Save GJSmith3rd/a752a8bdea5d7961d59a to your computer and use it in GitHub Desktop.
Save GJSmith3rd/a752a8bdea5d7961d59a to your computer and use it in GitHub Desktop.
Download ZIP
mobileCreature Web Design Studio
Raw
index.html
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="mobileCreature Web Design Studio" content="">
<meta name="Gilbert Joseph Smith III" content="">
<link rel="icon" href="http://i.imgur.com/fZpm3YM.jpg">
<title>mobileCreature Web Design Studio</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">mobileCreature</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#about">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<h1>Bootstrap starter template</h1>
<p class="lead">Use this document as a way to quickly start any new project.
<br> All you get is this text and a mostly barebones HTML document.</p>
</div>
<div>
<h1 class='text-default text-center'>mobileCreature Web Design Studio</h1>
<h2 class='text-center'>Where Awsomeness Is Brought To Life</p>
<button class="btn btn-button btn-danger">Twitter</button>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in mauris vel nunc euismod ultricies. Duis augue erat, vulputate in mauris quis, gravida tincidunt mi. Donec et mi massa. Praesent mattis risus non est tempus mollis. Phasellus tellus eros, aliquam sed congue sit amet, sollicitudin id leo. Proin tristique, velit at dictum lacinia, est elit commodo mauris, nec eleifend odio lacus nec lorem. Nunc iaculis elit laoreet, placerat est id, porttitor tellus. Curabitur consequat faucibus massa sed facilisis. Praesent tincidunt nisl nisi, sit amet volutpat lorem tincidunt pretium. Donec rhoncus viverra pretium. Sed dignissim lectus hendrerit eros scelerisque volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec vel nisl sollicitudin nisl viverra placerat. Cras egestas vulputate ex, sit amet ultrices enim luctus vel.</p>
<p>Aenean in sapien et nunc sagittis bibendum eget nec mi. Pellentesque suscipit ac orci eget laoreet. Integer sem ex, aliquet at neque pulvinar, blandit hendrerit quam. Proin quis maximus mi, eget interdum lorem. Fusce eleifend est lorem, in placerat ante semper at. Nunc interdum sed dolor vel iaculis. Aenean eu dolor eget dui aliquet pharetra nec non ex. In malesuada pulvinar ex, in molestie est condimentum ac. Etiam malesuada feugiat ex non vehicula. Etiam nec urna accumsan, porttitor justo vel, finibus magna. Phasellus viverra massa vitae neque scelerisque aliquet consectetur nec lorem. Morbi vulputate, nunc ac suscipit vestibulum, nunc urna pharetra enim, nec gravida leo justo id sem. Nam rhoncus id purus ut blandit.</p>
<p>Nam a velit arcu. Vestibulum condimentum ut augue sed euismod. Pellentesque id volutpat ante. Donec sed sem nec velit luctus viverra non venenatis augue. Integer vehicula sapien ac faucibus dictum. In fermentum porta ligula ut pellentesque. In sollicitudin sed neque sed scelerisque. Vestibulum maximus lacus nec metus pellentesque semper. Etiam quis vehicula magna, non suscipit lectus.</p>
<p>Sed iaculis vestibulum suscipit. In gravida feugiat tortor, et interdum neque sollicitudin eu. Donec accumsan feugiat justo, vitae ultricies nulla finibus a. Quisque nulla arcu, cursus ac augue sit amet, tincidunt dictum dui. Morbi maximus sed neque ut vulputate. Donec rhoncus lacinia vulputate. Maecenas sit amet urna ullamcorper, bibendum nunc at, auctor mi.</p>
Quisque eget mauris vehicula, maximus ante sed, eleifend nisl. Phasellus quis aliquet tortor. Sed blandit sodales feugiat. Proin facilisis efficitur lorem vel efficitur. Nulla a massa quis nibh blandit elementum. Ut leo ligula, convallis ac purus eu, posuere tincidunt odio. Fusce felis quam, condimentum nec lacus sit amet, pharetra tristique odio. Mauris ut augue vel urna ornare consectetur a eu magna. Donec at tincidunt ipsum. Sed pellentesque feugiat dui, in porta nulla porta ac. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse eu orci lorem.
Mauris commodo erat ac egestas facilisis. Proin semper tempor nibh, nec consequat nunc rutrum sed. Vestibulum nunc quam, mattis sed urna eu, sollicitudin efficitur ex. Fusce efficitur lorem libero, non molestie purus varius id. Donec venenatis ultricies lacus, in pharetra magna. Curabitur a accumsan ligula. Integer justo purus, accumsan tristique enim eget, laoreet tempor massa. Etiam ornare purus ut diam molestie pretium.
Vivamus commodo varius lorem, non cursus odio ultrices et. Aenean augue justo, laoreet eget vulputate nec, fringilla eu magna. Vestibulum sagittis lacus vel lectus convallis aliquet. Fusce est ex, vehicula eget neque sit amet, eleifend porta quam. Aliquam sed massa tincidunt, venenatis urna vitae, rhoncus elit. Praesent finibus, dolor ut ullamcorper feugiat, nisi lorem volutpat urna, ac laoreet orci felis at felis. Cras sapien nisl, iaculis non ipsum dictum, vestibulum efficitur lectus. Maecenas convallis leo neque, eget venenatis dui elementum quis.
Nunc molestie elit id pretium blandit. Phasellus sit amet maximus ex. Duis feugiat nisl nibh, et dictum ipsum sagittis ut. Fusce facilisis at arcu eget semper. Pellentesque id dolor porttitor, porta urna sit amet, fermentum ligula. Nulla tempus est quis diam aliquam, et mattis nisl efficitur. Donec aliquet neque ac lacus porta, vitae sollicitudin arcu ultrices. Proin quis tellus non purus elementum fermentum et ac erat.
Duis in facilisis velit. Morbi ut tellus in risus sodales aliquam. Maecenas fermentum sodales nisi, et porttitor eros mollis id. Morbi odio sapien, porta vel luctus in, porttitor vitae tortor. Pellentesque ut ornare sem. Vestibulum venenatis quam consectetur arcu efficitur, efficitur suscipit magna interdum. Nulla blandit nulla mattis nunc pellentesque, sagittis convallis urna interdum. Curabitur scelerisque ut felis et faucibus. Pellentesque id tortor risus. Mauris sodales urna augue, sit amet aliquam dolor mattis porta. Integer cursus commodo sodales. Morbi a commodo ligula. Ut tristique non diam nec dignissim. Mauris pharetra diam enim, vitae rutrum lorem dictum at. Integer nec pellentesque arcu. Donec ex tortor, elementum non justo non, commodo ornare magna.
Ut sit amet molestie dolor, vel sodales ante. Aenean efficitur ac nibh non fringilla. Aliquam viverra orci porttitor accumsan fermentum. Cras maximus ante eget arcu condimentum sagittis. Nulla vel iaculis odio. Aenean at lobortis massa, a tincidunt velit. Integer imperdiet ante eget mauris ornare, vel ultrices dui bibendum. Cras sit amet iaculis risus, a placerat magna. Praesent augue tellus, tempus nec posuere non, porta id augue. Vivamus eu nisi ac lorem pharetra elementum. Aliquam ornare convallis tortor, sit amet molestie libero consequat eu. Nunc tempor arcu at felis sagittis, eu auctor magna pulvinar. Morbi at volutpat erat. Duis sed tortor elementum, rutrum lectus vitae, posuere magna. Fusce sit amet erat lectus. Morbi sodales mi dapibus magna dignissim vestibulum.
Generated 10 paragraphs, 878 words, 5894 bytes of Lorem Ipsum</p>
</div>
</div><!-- /.container -->
</body>
<html>
Raw
script.js
$(document).ready(function() {
});
Raw
style.css
p {
font-size: 10px;
}
Raw
styles
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment