-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (65 loc) · 3.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Web Projects</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Local CSS -->
<link rel="stylesheet" href="css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills pull-right">
<li role="presentation" class="active"><a href="index.html" class="btn-primary">Home</a></li>
</ul>
</nav>
<h3 class="text-primary">Web Projects</h3>
</div>
<div class="jumbotron">
<h2>Programming the Web</h2>
<p class="lead"> Examples utilizing HTML, CSS, Javascript and other frameworks to progressively explore the nuances associated with basic Web programming. </p>
</div>
<!-- Reworking website
<div class="row marketing">
<h2 class="text-center text-primary">Personal</h2>
<hr>
<div class="col-lg-12">
<h3><a class="btn btn-lg btn-primary" href="#" role="button">Model View Controller</a></h3>
<p>Simplified Model View Controller example to select a pizza size. This example does not facilitate the usage of a database. For a walkthrough <a href="https://arosenb4.github.io/MVC/" target="_blank">Click Here</a>. </p>
<h3><a class="btn btn-lg btn-primary" href="#" role="button">Pong Practice</a> </h3>
<p> An introduction to HTML canvas elements. Users may practice their Pong skills against the Computer driven paddle. The up and down arrow keys move the user paddle in the associated direction. <small> <span style='color:red'>*</span> Content is not yet mobile friendly</small> </p>
</div>
</div>
-->
<div class="row marketing">
<h2 class="text-center text-primary">Free Code Camp</h2>
<hr>
<div class="col-lg-12">
<h3><a class="btn btn-lg btn-primary" href="#" role="button">Tribute Page</a></h3>
<p>Users can view a tribute page with image and text. They can also click on a link that will take them to an external website for further information on the topic.</p>
<h3><a class="btn btn-lg btn-primary" href="#" role="button">Personal Portfolio</a></h3>
<p>Users can access all of the portfolio's content either by simply scrolling or by clicking buttons in the navigation menu. They may also click assorted buttons that will take them to my corresponding social media page. Thumbnails are also provided showcasing different projects I have built.</p>
<h3><a class="btn btn-lg btn-primary" href="#" role="button">Random Quote </a></h3>
<p>Users can click a button to see a new random quote. They can also press a button to tweet the currently displayed quote.</p>
<h3><a class="btn btn-lg btn-primary" href="#" role="button">Weather Forecast</a></h3>
<p>Users can see the weather in their current location. A different icon is visible dependent of the local weather. The temperature may be toggled between Fahrenheit and Celsius. Users may share the forecast to social media.</p>
<h3><a class="btn btn-lg btn-primary"
href="#"
role="button">Wikipedia Viewer</a> </h3>
<p> Users may search Wikipedia in a search box and see the
resulting Wikipedia entries. There is also a random
Wikipedia button that displays a random Wikipedia entry</p>
</div>
</div> <!-- /container -->
<div class="row marketing">
<footer class="footer">
<p>© 2017 Adam Rosenbaum</p>
</footer>
</div>
</body>
</html>