-
Notifications
You must be signed in to change notification settings - Fork 330
/
Copy pathindex.html
52 lines (49 loc) · 1.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Coding & Cupcakes</title>
<style type="text/css"></style>
<link rel="stylesheet" href="mystyles.css" />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="header">
<div class="inner">
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>
<ul class="menu">
<li><a class="selected" href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="inner">
<h1>Welcome to < Coding /> and Cupcakes! </h1>
<h2>Coding is Fun!</h2>
<p>Learning to code will allow you to create anything you can imagine. You can code games, animate characters, build apps for you an your friends, or even create light-up clothing. All you need is to learn the basic elements.</p>
<ul class="inline">
<li><img src="img/game.png" alt="code games" /></li>
<li><img src="img/app.png" alt="build app" /></li>
<li><img src="img/balletshoes.jpg" alt="light up clothes"></li>
</ul>
<h3>Let's Get Started!</h3>
<p>Refer to your Coding & Cupcakes worksheet to see the steps you need to take to build your own website! The worksheet will contain basic instructions with links to learn about the different parts of the website you are changing and creating!</p>
</div>
</div>
<div class="footer">
<div class="inner">
<ul class="inline">
<li><a href="index.html">home</a></li>
<li><a href="shop.html">shop</a></li>
<li><a href="contact.html">contact</a></li>
<li>Copyright © 2017 Kansas City Women in Technology</li>
</ul>
</div>
</div>
<script type="text/javascript" src="scripts.js"></script>
</body>
</html>