mirror of
https://github.com/spring-projects/spring-petclinic.git
synced 2025-07-18 05:25:50 +00:00
Add header, footer, supplementary info markup
This commit is contained in:
parent
0c1009da45
commit
6186f99531
1 changed files with 64 additions and 0 deletions
|
@ -14,9 +14,73 @@
|
|||
<link href='//fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- header -->
|
||||
<div class="navbar navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<span class="navbar-brand">
|
||||
<a class="brand" href="/">Pet Clinic</i></a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li>
|
||||
<a href="#">Services</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Veterinarians</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Owners</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Stories</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end: header -->
|
||||
|
||||
<!-- yield / body -->
|
||||
|
||||
<!-- supplimentary info -->
|
||||
<section class="supplementary">
|
||||
<section>
|
||||
<!-- end: supplimentary info -->
|
||||
|
||||
<!-- footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-copyright">© 2015 <a href="/">Pet Clinic.</a> All rights reserved.</div>
|
||||
<div class="footer-social">
|
||||
<div class="footer-social-label">Social links:</div>
|
||||
<ul class="footer-social">
|
||||
<li>
|
||||
<a href="#">Twitter</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Facebook</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Google+</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- end: footer -->
|
||||
|
||||
<script src="js/build/production.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue