forked from GardenSnake/GardenSnake.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (69 loc) · 3.34 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GardenSnake's Public HTML page</title>
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-beta.1.css">
<link rel="shortcut icon" href="images/favicon.ico">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="navMenu"></div>
<div class="py-5 text-center gradient-overlay" style="background-image: url("images/trees.png");">
<div class="container py-5">
<div class="row">
<div class="col-md-12 text-white">
<h1 class="display-3 mb-5">GardenSnake Project</h1>
<p class="lead mb-5">A collaborative web project.
<br>This project helps newcomers get right into programming along with others and make something amazing happen.</p><i class="fa d-inline fa-angle-down fa-3x" id="goDown"></i> </div>
</div>
</div>
</div>
<!-- this div is filled by the nav.js script, maybe there's a better way to reuse navbar code -->
<div class="IntroSection" id="IntroSection">
<h1 class="intro">
<br>Welcome to the GardenSnake project.</h1>
<p>We are a group of programmers contributing to an open-source project. Our purpose is to build anything
wonderful and wild that we can think of. We have big props to <strong>GardenSnake</strong> for putting this whole thing
together.</p>
<p>Feel free to check out the site, and get in touch with us on our GitHub if the project interests you.</p>
<br>
<h4>
<a href="https://discord.gg/yjwTHpK">Discord Server</a>
</h4>
</div>
<div class="projects">
<div class="beginnerProjects">
<h2 id="projtitle">Beginner Projects: </h2>
<a class="button group1" href="photoGrid.html">Photo Gallery</a>
<a class="button group1" href="htmlguide.html">HTML Guide</a>
<a class="button group1" href="worldMap.html">World Map Of Contributors</a>
<a class="button group1" href="pokemoncard.html">Pokemon Card Drawer</a>
<a class="button group1" href="textanalyzer.html">Text Analyzer</a>
<a class="button group1" href="jsDOM.html">JS DOM Sandbox</a>
<a class="button group1" href="googleclone.html">Google Clone</a>
<a class="button group1" href="TicTacToe.html">Tic-Tac-Toe</a>
<a class="button group1" href="find-a-place.html">Find a Place</a>
<a class="button group1" href="contributors.html">CREDITS (add your name here)</a>
</div>
<div class="intermediateProjects">
<h2 id="projtitle">Intermediate Projects: </h2>
<a class="button group2" href="chatroom.html">Chat Room (coming soon)</a>
<a class="button group2" href="survivor.html">Survivor Game (coming soon)</a>
<a class="button group2" href="sketch.html">Paint Board</a>
<a class="button group2" href="agario.html">Agar.io</a>
<a class="button group2">???</a>
<a class="button group2">???</a>
<a class="button group2">???</a>
<a class="button group2">???</a>
<a class="button group2">???</a>
<a class="button group2">???</a>
</div>
</div>
<script src="js/main.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
</body>
</html>