|
|
@@ -1,37 +1,191 @@ |
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<title>Flat UI Pro 101 Template</title> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<title>Meez Task Manager</title> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
|
|
|
<!-- Loading Bootstrap --> |
|
|
<link href="../dist/css/vendor/bootstrap.min.css" rel="stylesheet"> |
|
|
<!-- Loading Bootstrap --> |
|
|
<link href="css/vendor/bootstrap.min.css" rel="stylesheet"> |
|
|
|
|
|
<!-- Loading Flat UI Pro --> |
|
|
<link href="../dist/css/flat-ui-pro.css" rel="stylesheet"> |
|
|
<!-- Loading Flat UI Pro --> |
|
|
<link href="css/flat-ui-pro.css" rel="stylesheet"> |
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="img/favicon.ico"> |
|
|
<link rel="shortcut icon" href="img/favicon.ico"> |
|
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
|
|
<!--[if lt IE 9]> |
|
|
<script src="js/vendor/html5shiv.js"></script> |
|
|
<script src="js/vendor/respond.min.js"></script> |
|
|
<![endif]--> |
|
|
</head> |
|
|
<body> |
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
|
|
<!--[if lt IE 9]> |
|
|
<script src="js/vendor/html5shiv.js"></script> |
|
|
<script src="js/vendor/respond.min.js"></script> |
|
|
<![endif]--> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<div class="container"> |
|
|
<h1>Hello, world!</h1> |
|
|
<nav class="navbar navbar-inverse navbar-fixed-top " role="navigation"> |
|
|
<div class="navbar-header"> |
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01"> |
|
|
<span class="sr-only">Toggle Navigation</span> |
|
|
</button> |
|
|
<a href="#" class="navbar-brand">Meez Task Manager</a> |
|
|
</div> |
|
|
<!--<div id="navbar-collapse-01" class="collapse navbar-collapse navbar-right"> |
|
|
<ul class="nav navbar-nav"> |
|
|
<li><a href="#fakelink">First Link</a></li> |
|
|
</ul> |
|
|
</div>--> |
|
|
<!-- /.navbar-collapse --> |
|
|
</nav> |
|
|
<!-- /.navbar--> |
|
|
|
|
|
<div class="jumbotron hero-full"> |
|
|
<h1>Task manager application</h1> |
|
|
<div class="section-headline"> |
|
|
<div class="centered-headline"> |
|
|
<!--<h1 class="headline">Task Manager</h1>--> |
|
|
<h2 class="subheadline">Changing the way you make task lists</h2> |
|
|
</div> <!-- /centered-headline --> |
|
|
</div> <!-- /section-headline --> |
|
|
</div> <!-- /.jumbotron --> |
|
|
|
|
|
|
|
|
<div class="container section-intro"> |
|
|
<h3>Introduction to the application</h3> |
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum |
|
|
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, |
|
|
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, |
|
|
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede |
|
|
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. |
|
|
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, |
|
|
feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam |
|
|
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus |
|
|
eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit |
|
|
vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero |
|
|
venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla |
|
|
mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus |
|
|
nunc,</p> |
|
|
</div> |
|
|
<!-- /.section-intro --> |
|
|
|
|
|
<div class="container section-problem"> |
|
|
<h2>Problem Statement</h2> |
|
|
|
|
|
<h3>This will be the problem statement</h3> |
|
|
<img src="http://placekitten.com/g/1200/500" alt="Place kitten 1200 X 500"> |
|
|
</div> |
|
|
<!-- /.section-problem --> |
|
|
|
|
|
<div class="container section-thesis"> |
|
|
<h2>Thesis Statement</h2> |
|
|
|
|
|
<h3>I shall describe the thesis here</h3> |
|
|
<img src="http://placekitten.com/g/1200/500" alt="Place kitten 1200 X 500"> |
|
|
</div> |
|
|
<!-- /.section-thesis --> |
|
|
|
|
|
<div class="section-in-out"> |
|
|
<div class="container sub-input-output"> |
|
|
<div class="col-md-6 sub-input"> |
|
|
<h2 class="input">Input</h2> |
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum |
|
|
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies |
|
|
nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, |
|
|
aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum |
|
|
felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate |
|
|
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, |
|
|
dapibus in, viverra quis.</p> |
|
|
</div> |
|
|
<!-- /.sub-input --> |
|
|
|
|
|
<div class="col-md-6 sub-output"> |
|
|
<h2 class="output">Output</h2> |
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum |
|
|
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies |
|
|
nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, |
|
|
aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum |
|
|
felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate |
|
|
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, |
|
|
dapibus in, viverra quis.</p> |
|
|
</div> |
|
|
<!-- /.sub-output --> |
|
|
</div> |
|
|
<!-- /.container-sub-input-output --> |
|
|
</div> |
|
|
<!-- /.section-in-out --> |
|
|
|
|
|
<div class="container section-visual"> |
|
|
<h2>Visuals</h2> |
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum |
|
|
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, |
|
|
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, |
|
|
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede |
|
|
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. |
|
|
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, |
|
|
feugiat a,</p> |
|
|
<img src="http://placekitten.com/g/1200/500" alt="Place kitten 1200 X 500"> |
|
|
</div> |
|
|
<!-- /.section-visual --> |
|
|
|
|
|
<div class="section-mock"> |
|
|
<div class="container"> |
|
|
<div class="sim-vid"> |
|
|
<img src="http://unsplash.it/384/512" alt="Placeholder"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- /.section-mock --> |
|
|
|
|
|
<div class="container section-project"> |
|
|
<h2>About the project</h2> |
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum |
|
|
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, |
|
|
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, |
|
|
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede |
|
|
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. |
|
|
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, |
|
|
feugiat a,</p> |
|
|
</div> |
|
|
<!-- /.section-project --> |
|
|
|
|
|
<div class="container section-me"> |
|
|
<h2>About me</h2> |
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum |
|
|
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, |
|
|
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, |
|
|
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede |
|
|
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. |
|
|
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, |
|
|
feugiat a,</p> |
|
|
</div> |
|
|
<!-- /.section-me --> |
|
|
|
|
|
<footer class="container section-foot"> |
|
|
<div class="col-md-6 foot-left"> |
|
|
<h4>The Meez Project</h4> |
|
|
|
|
|
<div class="social">Put some social links here.</div> |
|
|
</div> |
|
|
<div class="col-md-6 foot-right"> |
|
|
<ul> |
|
|
<li><a href="#fakelink">Contact</a></li> |
|
|
<li><a href="#fakelink">Webpage</a></li> |
|
|
<li><a href="#fakelink">Twitter?</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<!-- jQuery (necessary for Flat UI's JavaScript plugins) --> |
|
|
<script src="../dist/js/vendor/jquery.min.js"></script> |
|
|
<script src="../dist/js/vendor/video.js"></script> |
|
|
<!-- Include all compiled plugins (below), or include individual files as needed --> |
|
|
<script src="../dist/js/flat-ui-pro.js"></script> |
|
|
<!-- jQuery (necessary for Flat UI's JavaScript plugins) --> |
|
|
<script src="../dist/js/vendor/jquery.min.js"></script> |
|
|
<script src="../dist/js/vendor/video.js"></script> |
|
|
<!-- Include all compiled plugins (below), or include individual files as needed --> |
|
|
<script src="../dist/js/flat-ui-pro.js"></script> |
|
|
|
|
|
</body> |
|
|
</body> |
|
|
</html> |
