forked from sgscomputerclub/computer-club-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (112 loc) · 5.78 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
<!DOCTYPE html>
<html>
<head>
<title>Sydney Grammar Computer Club</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>Sydney Grammar Computer Club</h1>
</header>
<div id="container">
<div class="box">
<div id="who-front">
Who?
</div>
<div id="who-back">
<div class="vcenter"></div>
<div class="back-text">
We're a group of tech enthusiasts at Sydney Grammar School in which anyone can join. We explore various
aspects of technology and do stuff!
</div>
</div>
</div>
<div class="box">
<div id="what-front">
What?
</div>
<div id="what-back">
<div class="vcenter"></div>
<div class="back-text">
This year, we'll be using HTML and CSS to create web pages and websites!
</div>
</div>
</div>
<div class="box">
<div id="where-front">
Where?
</div>
<div id="where-back">
<div class="vcenter"></div>
<div class="back-text">
We congregate in P23 most Wednesday lunches.
</div>
</div>
</div>
<div class="box-2">
<div id="tutorial-heading">
Tutorials
</div>
<div id="tutorial-content">
<p>Here are the tutorials I've made. You can work through them at your own pace and start creating a website at any time.
Most of the tutorials below are in a zip file; if you don't know how to open one, look
<strong><a data-not-instant href="how.html">here</a></strong>.</p>
<hr />
<h3>HTML/CSS</h3><br/>
<h4>Tutorial 1 - Basic HTML</h4>  
<a href="tutorials/tutorial1.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png" /></a><br />
<h4>Tutorial 2 - Basic CSS</h4>  
<a href="tutorials/tutorial2.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png" /></a><br />
<h4>Tutorial 3 - CSS Classes</h4>  
<a href="tutorials/tutorial3.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png" /></a><br />
<h4>Tutorial 4 - Format of a Page</h4>  
<a href="tutorials/tutorial4.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png" /></a><br />
<h4>Tutorial 5 - Navigation Bar</h4>  
<a href="tutorials/tutorial5.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png"></img></a><br />
<h4>Tutorial 6 - Web Hosting</h4>  
<a href="tutorials/tutorial6/main.html"><img width="32" height="32" xlink:href="html.svg" src="html.png"></img></a><br />
<h4>Tutorial 7 - Entities</h4>  
<a href="tutorials/tutorial7.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png"></img></a><br />
<h4>Tutorial 8 - Tooltips</h4>  
<a href="tutorials/tutorial8.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png"></img></a><br />
<h4>Tutorial 9 - Custom Fonts</h4>  
<a href="tutorials/tutorial9.zip"><img width="32" height="32" xlink:href="zip.svg" src="zip.png"></img></a><br />
<hr />
<h3>Python</h3><br />
<h4>Tutorials</h4>  
<a data-no-instant href="https://github.com/prot0n/Computer-Club"><img width="32" height="32" xlink:href="html.svg" src="html.png"></img></a><br />
</div>
</div>
<div id="container-rightsidebottom">
<div class="box-3">
<div id="links-heading">
Links
</div>
<div id="links-content">
<a data-no-instant href="http://notepad-plus-plus.org/download/">Notepad++ (Code Editor)</a><br />
<a data-no-instant href="http://www.geany.org/Download/ThirdPartyPackages">Geany (Code Editor)</a><br />
<a data-no-instant href="http://www.barebones.com/products/textwrangler/download.html">TextWrangler (Code Editor)</a><br />
<a data-no-instant href="http://ttf2woff.com/">Convert TFF to WOFF</a><br />
<a data-no-instant href="https://filezilla-project.org/download.php?type=client">FileZilla (FTP Client)</a><br />
<a data-no-instant href="http://www.000webhost.com/">000webhost (Free Web Hosting)</a><br />
<a data-no-instant href="http://www.w3schools.com/tags/">List of HTML Tags</a><br />
<a data-no-instant href="http://www.w3schools.com/cssref/">List of CSS Properties</a><br />
</div>
</div>
<div class="box-4">
<div id="github-heading">
Github
</div>
<div id="github-content">
<p>This source of this webite can be found <a data-no-instant href="https://github.com/Yharooer/computer-club-site">on one of my Github repositories.</a></p>
</div>
</div>
</div>
</div>
<script src="//cdn.jsdelivr.net/instantclick/3.0.1/instantclick.min.js"></script>
<script data-no-instant>InstantClick.init();</script>
</body>
<!-- <footer>
<small>Website created by Bentley Carr.</small>
</footer> -->
</html>