forked from atomicobject/git-workshop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (114 loc) · 5.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Git Workshop!</title>
<meta name="author" content="Brian M">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/sticky-menu.css" rel="stylesheet">
</head>
<!-- Template credit to html5-templates.com -->
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle menu</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">Welcome</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About Me</a>
</li>
<li>
<a class="page-scroll" href="#sample1">Sample 1</a>
</li>
<li>
<a class="page-scroll" href="#sample2">Sample 2</a>
</li>
</ul>
</div> <!-- .navbar-collapse -->
</div> <!-- .container -->
</nav>
<!-- Welcome -->
<section id="welcome" class="welcome-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>Git Workshop!</h1>
<h2>Welcome!</h2>
<div>
<a href="https://atomicobject.com" target="_blank">
<img src="./site-assets/AO_logo.png" alt="Atomic Object" width="280px" height="280px"/>
</a>
<img src="./site-assets/GV_logo.png" width="267px" height="150px"/>
</div>
<p> </p>
<a class="btn btn-primary page-scroll" href="#about">Click To Scroll Down!</a>
</div>
</div>
</div>
</section>
<!-- About -->
<section id="about" class="about-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>About Me</h1>
<div class="about-me-item">
<h4>Name: </h4>
<p></p>
</div>
<div class="about-me-item">
<h4>School: </h4>
<p></p>
</div>
<div class="about-me-item">
<h4>Year: </h4>
<p></p>
</div>
</div>
</div>
</div>
</section>
<!-- Sample Section 1 -->
<section id="sample1" class="sample1-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>Sample Section 1</h1>
<p>Phasellus aliquet posuere felis, et ornare nibh posuere scelerisque. In pellentesque, metus eget tincidunt tincidunt, massa orci facilisis ex, ac pellentesque nibh justo in erat. Sed quis scelerisque mi. Nunc euismod, lacus quis mattis placerat, sapien sem tincidunt ipsum, eget commodo leo nunc porttitor nisl. Nulla ut turpis sed lacus iaculis tincidunt vel sed ex. Maecenas egestas urna vitae mi maximus, a sagittis tortor pulvinar. Sed feugiat sem eget elit mollis, a dictum arcu efficitur. Quisque efficitur scelerisque est, facilisis laoreet nibh tristique quis. Nulla id dolor mauris. Integer tristique eros eros, sed venenatis magna tincidunt nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur molestie massa ut sapien pharetra, volutpat porta felis consequat. Phasellus elementum fringilla tortor non laoreet. Etiam porta egestas vulputate.</p>
</div>
</div>
</div>
</section>
<!-- Sample Section 2 -->
<section id="sample2" class="sample2-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>Sample Section 2</h1>
<p>Quisque tempus metus sed tellus ullamcorper, id consequat est faucibus. Donec et felis sollicitudin, elementum dolor ut, iaculis purus. Proin lorem nisi, vulputate scelerisque lorem ac, finibus molestie elit. Nulla facilisi. Nullam vitae nunc non tortor placerat accumsan vitae quis sapien. Cras sagittis, magna eget tincidunt malesuada, nibh nibh semper ipsum, a blandit tellus ipsum id nibh. Curabitur vestibulum, urna ac ullamcorper scelerisque, lorem ex placerat ipsum, vitae elementum felis mauris in orci. Cras nulla arcu, dictum quis rutrum sed, congue nec arcu. Etiam gravida nunc et enim lobortis blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam rhoncus ex eu orci eleifend semper. Proin aliquam ultrices massa, cursus condimentum sapien tristique a. Donec ac sagittis sem.</p>
</div>
</div>
</div>
</section>
<a id="back2Top" title="Back to top" href="#">➤</a>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Scrolling Nav JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/sticky-menu.js"></script>
</body>
</html>