71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
HTML
<!DOCTYPE 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.0">
|
|
<title>Beach Party Balloons</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script defer src="script.js"></script>
|
|
<!-- Compiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
|
|
|
<!-- Compiled and minified JavaScript -->
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<!-- navbar -->
|
|
<div class="navbar-fixed ">
|
|
<nav>
|
|
<div class="nav-wrapper light-blue lighten-5">
|
|
<a href="#!" class="brand-logo"><img src="img/assets/logo-sm.png" height="55px" alt=""></a>
|
|
<ul class="right hide-on-med-and-down">
|
|
<li><a class="blue-grey-text darken-3" href="sass.html">Sass</a></li>
|
|
<li><a class="blue-grey-text darken-3" href="badges.html">Components</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Slideshow -->
|
|
<div class="carousel">
|
|
<a class="carousel-item" href="#one!"><img src="img/slideshow/img1.jpg"></a>
|
|
<a class="carousel-item" href="#two!"><img src="img/slideshow/img2.jpg"></a>
|
|
<a class="carousel-item" href="#three!"><img src="img/slideshow/img3.jpg"></a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="page-footer light-blue lighten-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col l6 s12">
|
|
<h5 class="blue-grey-text darken-3">Footer Content</h5>
|
|
<p class="blue-grey-text darken-3">You can use rows and columns here to organize your footer content.</p>
|
|
</div>
|
|
<div class="col l4 offset-l2 s12">
|
|
<h5 class="blue-grey-text darken-3">Links</h5>
|
|
<ul>
|
|
<li><a class="blue-grey-text darken-3" href="#!">Link 1</a></li>
|
|
<li><a class="blue-grey-text darken-3" href="#!">Link 2</a></li>
|
|
<li><a class="blue-grey-text darken-3" href="#!">Link 3</a></li>
|
|
<li><a class="blue-grey-text darken-3" href="#!">Link 4</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-copyright">
|
|
<div class="container blue-grey-text darken-3">
|
|
© 2014 Copyright Text
|
|
<a class="blue-grey-text darken-3 right" href="#!">More Links</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |