Skip to content

Commit de99b39

Browse files
matt-ocmatt-oc
committed
working 3 page basic
1 parent b8b4cf9 commit de99b39

File tree

4 files changed

+175
-226
lines changed

4 files changed

+175
-226
lines changed

‎index.html

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<meta name="author" content="">
1010
<link rel="icon" href="../../favicon.ico">
1111

12-
<title>Starter Template for Bootstrap</title>
12+
<title>Homepage</title>
1313

1414
<!-- Bootstrap core CSS -->
1515
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
@@ -47,8 +47,8 @@
4747
<div id="navbar" class="collapse navbar-collapse">
4848
<ul class="nav navbar-nav">
4949
<li class="active"><a href="#">Home</a></li>
50-
<li><a href="#about">About</a></li>
51-
<li><a href="#contact">Contact</a></li>
50+
<li><a href="page1.html">Page 1</a></li>
51+
<li><a href="page2.html">Page 2</a></li>
5252
</ul>
5353
</div><!--/.nav-collapse -->
5454
</div>
@@ -57,9 +57,35 @@
5757
<div class="container">
5858

5959
<div class="starter-template">
60-
<h1>Bootstrap starter template</h1>
61-
<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>
62-
</div>
60+
<h1>Sample start home</h1>
61+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
62+
Nunc id venenatis purus. Mauris interdum sem vitae metus aliquam, quis
63+
finibus nunc venenatis. Proin consectetur metus ac tortor malesuada,
64+
a elementum turpis sagittis. Donec euismod dictum nibh. Praesent lorem
65+
ante, dictum id tellus et, porttitor sagittis est. Proin fermentum odio
66+
feugiat, fringilla ligula vel, venenatis metus. Sed venenatis mollis
67+
lectus, ut pulvinar odio sollicitudin ac. Proin fermentum non lacus
68+
vitae volutpat. Phasellus et pellentesque leo. Vestibulum ut urna
69+
est. Proin at sapien vitae dui ullamcorper tincidunt sed ut odio.
70+
Duis consectetur orci ut ligula placerat tincidunt. Maecenas
71+
mattis consectetur tellus eu ornare. Nam faucibus id ligula at
72+
tempus. Mauris imperdiet est risus, eu convallis orci facilisis
73+
eu. Cras sit amet dui a libero imperdiet porta.
74+
75+
Morbi congue mi elit, in tristique erat consectetur vel. Vestibulum ante
76+
ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
77+
Praesent lacinia dui sed purus condimentum, eu iaculis tellus ultricies.
78+
Curabitur tempus tempor malesuada. Vivamus nulla neque, iaculis sed
79+
elit nec, blandit posuere neque. Praesent tristique orci vel quam
80+
eleifend, sed pulvinar quam dapibus. Etiam pulvinar tellus suscipit
81+
elit dignissim, suscipit tincidunt tortor congue. Nulla elementum
82+
nulla sed tortor porta, vel semper felis consectetur. Praesent vitae
83+
justo auctor sem luctus luctus sed non magna. Phasellus eu ultricies
84+
diam. Fusce dui urna, euismod quis scelerisque sit amet, consequat
85+
vitae tellus. Suspendisse pharetra neque nec faucibus elementum.
86+
Ut vehicula consectetur lacus efficitur congue. Maecenas quis leo
87+
eu mi iaculis tristique. Curabitur luctus rhoncus rutrum.</p>
88+
</div>
6389

6490
</div><!-- /.container -->
6591

‎page1.html

Lines changed: 71 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -1,127 +1,88 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
3+
<head>
64
<meta charset="utf-8">
75
<meta http-equiv="X-UA-Compatible" content="IE=edge">
86
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
98
<meta name="description" content="">
109
<meta name="author" content="">
10+
<link rel="icon" href="../../favicon.ico">
1111

12-
<title>Page 1</title>
13-
14-
<!-- Bootstrap Core CSS -->
15-
<link href="css/bootstrap.min.css" rel="stylesheet">
12+
<title>Page1</title>
1613

17-
<!-- Custom CSS -->
18-
<link href="css/scrolling-nav.css" rel="stylesheet">
19-
20-
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
21-
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
22-
<!--[if lt IE 9]>
23-
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
24-
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
25-
<![endif]-->
14+
<!-- Bootstrap core CSS -->
15+
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
2616

27-
</head>
17+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
18+
<link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
2819

29-
<!-- The #page-top ID is part of the scrolling feature - the data-spy and data-target are part of the built-in Bootstrap scrollspy function -->
20+
<!-- Custom styles for this template -->
21+
<link href="/starter-template.css" rel="stylesheet">
3022

31-
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
23+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
24+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
25+
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
3226

33-
<!-- Navigation -->
34-
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
35-
<div class="container">
36-
<div class="navbar-header page-scroll">
37-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
38-
<span class="sr-only">Toggle navigation</span>
39-
<span class="icon-bar"></span>
40-
<span class="icon-bar"></span>
41-
<span class="icon-bar"></span>
42-
</button>
43-
<a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
44-
</div>
45-
46-
<!-- Collect the nav links, forms, and other content for toggling -->
47-
<div class="collapse navbar-collapse navbar-ex1-collapse">
48-
<ul class="nav navbar-nav">
49-
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
50-
<li class="hidden">
51-
<a class="page-scroll" href="#page-top"></a>
52-
</li>
53-
<li>
54-
<a class="page-scroll" href="#about">About</a>
55-
</li>
56-
<li>
57-
<a class="page-scroll" href="#services">Services</a>
58-
</li>
59-
<li>
60-
<a class="page-scroll" href="#contact">Contact</a>
61-
</li>
62-
</ul>
63-
</div>
64-
<!-- /.navbar-collapse -->
27+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
28+
<!--[if lt IE 9]>
29+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
30+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
31+
<![endif]-->
32+
</head>
33+
34+
<body>
35+
36+
<nav class="navbar navbar-inverse navbar-fixed-top">
37+
<div class="container">
38+
<div class="navbar-header">
39+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
40+
<span class="sr-only">Toggle navigation</span>
41+
<span class="icon-bar"></span>
42+
<span class="icon-bar"></span>
43+
<span class="icon-bar"></span>
44+
</button>
45+
<a class="navbar-brand" href="#">Project name</a>
6546
</div>
66-
<!-- /.container -->
47+
<div id="navbar" class="collapse navbar-collapse">
48+
<ul class="nav navbar-nav">
49+
<li><a href="index.html">Home</a></li>
50+
<li class="active"><a href="page1">Page 1</a></li>
51+
<li><a href="page2.html">Page 2</a></li>
52+
</ul>
53+
</div><!--/.nav-collapse -->
54+
</div>
6755
</nav>
6856

69-
<!-- Intro Section -->
70-
<section id="intro" class="intro-section">
71-
<div class="container">
72-
<div class="row">
73-
<div class="col-lg-12">
74-
<h1>Scrolling Nav</h1>
75-
<p><strong>Usage Instructions:</strong> Make sure to include the <code>scrolling-nav.js</code>, <code>jquery.easing.min.js</code>, and <code>scrolling-nav.css</code> files. To make a link smooth scroll to another section on the page, give the link the <code>.page-scroll</code> class and set the link target to a corresponding ID on the page.</p>
76-
<a class="btn btn-default page-scroll" href="#about">Click Me to Scroll Down!</a>
77-
</div>
78-
</div>
79-
</div>
80-
</section>
81-
82-
<!-- About Section -->
83-
<section id="about" class="about-section">
84-
<div class="container">
85-
<div class="row">
86-
<div class="col-lg-12">
87-
<h1>About Section</h1>
88-
</div>
89-
</div>
90-
</div>
91-
</section>
92-
93-
<!-- Services Section -->
94-
<section id="services" class="services-section">
95-
<div class="container">
96-
<div class="row">
97-
<div class="col-lg-12">
98-
<h1>Services Section</h1>
99-
</div>
100-
</div>
101-
</div>
102-
</section>
103-
104-
<!-- Contact Section -->
105-
<section id="contact" class="contact-section">
106-
<div class="container">
107-
<div class="row">
108-
<div class="col-lg-12">
109-
<h1>Contact Section</h1>
110-
</div>
111-
</div>
112-
</div>
113-
</section>
114-
115-
<!-- jQuery -->
116-
<script src="js/jquery.js"></script>
117-
118-
<!-- Bootstrap Core JavaScript -->
119-
<script src="js/bootstrap.min.js"></script>
120-
121-
<!-- Scrolling Nav JavaScript -->
122-
<script src="js/jquery.easing.min.js"></script>
123-
<script src="js/scrolling-nav.js"></script>
124-
125-
</body>
126-
57+
<div class="container">
58+
59+
<div class="starter-template">
60+
<h1>Sample start page 1</h1>
61+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
62+
Nunc id venenatis purus. Mauris interdum sem vitae metus aliquam, quis
63+
finibus nunc venenatis. Proin consectetur metus ac tortor malesuada,
64+
a elementum turpis sagittis. Donec euismod dictum nibh. Praesent lorem
65+
ante, dictum id tellus et, porttitor sagittis est. Proin fermentum odio
66+
feugiat, fringilla ligula vel, venenatis metus. Sed venenatis mollis
67+
lectus, ut pulvinar odio sollicitudin ac. Proin fermentum non lacus
68+
vitae volutpat. Phasellus et pellentesque leo. Vestibulum ut urna
69+
est. Proin at sapien vitae dui ullamcorper tincidunt sed ut odio.
70+
Duis consectetur orci ut ligula placerat tincidunt. Maecenas
71+
mattis consectetur tellus eu ornare. Nam faucibus id ligula at
72+
tempus. Mauris imperdiet est risus, eu convallis orci facilisis
73+
eu. Cras sit amet dui a libero imperdiet porta.</p>
74+
</div>
75+
76+
</div><!-- /.container -->
77+
78+
79+
<!-- Bootstrap core JavaScript
80+
================================================== -->
81+
<!-- Placed at the end of the document so the pages load faster -->
82+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
83+
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
84+
<script src="../../dist/js/bootstrap.min.js"></script>
85+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
86+
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
87+
</body>
12788
</html>

0 commit comments

Comments
 (0)