-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
83 lines (72 loc) · 2.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Our Website Title</title>
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="theme.css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700|Courgette' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div>
<div class="logo">Workshop</div>
<nav>
<a class="main" href="index.html">Home</a>
<a class="main" href="contact.html">Contact</a>
<a class="main" href="services.html">Services</a>
</nav>
</div>
</header>
<div class="main-content">
<aside>
<div class="box">
<h2>Tools</h2>
<a target="_blank" href="http://css3generator.com/">CSS Generator</a>
<a target="_blank" href="http://www.w3schools.com/css/css_font.asp">Fonts</a>
<a target="_blank" href="http://www.immigration-usa.com/html_colors.html">colors</a>
</div>
<div class="box">
<h2>Keep Learning</h2>
<a target="_blank" href="http://www.w3schools.com">W3 Schools</a>
<a target="_blank" href="http://www.codeacademy.com">Code Academy</a>
<a target="_blank" href="http://www.phxrockit.com">RockIT</a>
</div>
</aside>
<main>
<div class="box">
<h1>Welcome to our page</h1>
<p>
This page was built by RockIT Bootcamp to teach
the very basics of HTML, CSS and JavaScript. In
this demo, you'll see how HTML gives us structured
content, CSS gives us design, and JavaScript
gives us behavior
</p>
</div>
<div class="box">
<h2>HTML</h2>
<p>
HTML is a markup language which means it uses tags
to describe content. Each tag creates a little box
around the content which can be stylized with CSS.
</p>
</div>
<div class="box">
<h2>CSS</h2>
<p>
CSS (Cascading Style Sheets) gives us the ability
to stylize our HTML. With CSS, you can change
the entire website's design without changing the
HTML.
</p>
</div>
</main>
</div>
<footer>
<div>
© 2014
</div>
</footer>
</body>
</html>