connermwallace.github.io/scout.html at master · connermwallace/connermwallace.github.io · GitHub

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
139
<!DOCTYPE HTML>
<!--
	Forty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Landing - Forty by HTML5 UP</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
				<!-- Note: The "styleN" class below should match that of the banner element. -->
				<header id="header" class="alt">
					<a href="index.html" class="logo"><strong>Conner Wallace</strong></a>
						<nav>
							<a href="#menu">Menu</a>
						</nav>
					</header>

				<!-- Menu -->
				<nav id="menu">
					<ul class="links">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About Me</a></li>
					</ul>
				</nav>

				<!-- Banner -->
				<!-- Note: The "styleN" class below should match that of the header element. -->
					<section id="banner" class="style3">
						<div class="inner">
							<span class="image">
								<img src="images/Scout/homescreen.png" alt="" />
							</span>
							<header class="major">
								<h1>Scout</h1>
							</header>
								<p>Scout is a tool designed to help with finding information about national parks near you. Simply enter your state and choose a category that interests you. Once this is done you will be greeted by several pins on the map for you to explore. Clicking on one and clicking on the name will show you more details about that place.
								</p>
						</div>
					</section>

				<!-- Main -->
				<div id="main" role="main">

						<!-- One -->
							<section id="one">
								<div class="inner">
									<header class="major">
										<h2>Get Adventurous</h2>
									</header>
									<p>Finding your closest hike has never been easier.</p>
								</div>
							</section>

						<!-- Two -->
							<section id="two" class="spotlights">
								<section>
									<span class="image">
										<img src="images/Scout/articles.png" alt="" data-position="center center" />
									</span>
									<div class="content">
										<div class="inner">
											<header class="major">
												<h3>Read All About It!</h3>
											</header>
											<p>Clicking the articles link at the top, or scrolling down, you will be able to read as many articles as the NPS API has to offer. Find an article that interests you? Simply click on the article's card and you'll be taken to the article's website to read more</p>
										</div>
									</div>
								</section>
								<section>
									<span class="image">
										<img src="images/Scout/search.png" alt="" data-position="top center" />
									</span>
									<div class="content">
										<div class="inner">
											<header class="major">
												<h3>Stay Safe</h3>
											</header>
											<p>Using all the alerts available on the NPS API, if a park has a current alert in affect, its description will have a large red alert displaying the alert.</p>
										</div>
									</div>
								</section>
							</section>


						<!-- Three -->
							<section id="three">
								<div class="inner">
									<header class="major">
										<h2>More Information</h2>
									</header>
									<p>This project was developed over the course of a month as part of Capital One's Software Engineering Summit Contest. I was among the ~30 people selected out of many applicants. If you are interested, take a look at the github.</p>
									<ul class="actions">
										<li><a href="https://github.com/connermwallace/Scout" class="button next">Github</a></li>
									</ul>
								</div>
							</section>

					</div>

				<!-- Footer -->
					<footer id="footer">
						<div class="inner">
							<ul class="icons">
								<li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
								<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
								<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
								<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
								<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
							</ul>
							<ul class="copyright">
								<li>&copy; Untitled</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
							</ul>
						</div>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>