Skip to content

Commit 7f9ae56

Browse files
lee-ngolee-ngo
committed
Merge pull request #2 from lee-ngo/new-html
Changes to the index.html + style.css
2 parents 28c1355 + 6ed20b3 commit 7f9ae56

2 files changed

Lines changed: 27 additions & 39 deletions

File tree

‎CSS/style.css‎

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,13 @@
22

33

44
body {
5-
font-family: 'Coming Soon', cursive;
65
color: #e5e5e5;
76
font-size: 12px;
87
background:#bfbfbf;
9-
10-
118
}
129

1310

1411
h1, h2 {
15-
font-family: 'Coming Soon', cursive;
1612
font-weight: 300;
1713
margin:0 0 15px 0;
1814
}
@@ -39,7 +35,6 @@ a {
3935
}
4036

4137

42-
4338
.clear {
4439
clear: both;
4540
}
@@ -51,7 +46,6 @@ a {
5146
position: relative;
5247
margin: 0 auto;
5348
padding: 0;
54-
5549
}
5650

5751
.section {
@@ -138,13 +132,11 @@ a {
138132
color:#3d3d3d;
139133
padding: 50px 0;
140134
height: 300px;
141-
142135
}
143136

144137
.s1 {
145138
background:#184764;
146139
color:#fff;
147-
148140
}
149141

150142

‎index.html‎

Lines changed: 27 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,55 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
5-
<title>LTCW1</title>
6-
<link href="CSS/style.css" rel="stylesheet" type="text/css">
7-
<link href='https://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
8-
</head>
3+
<head>
4+
<title>Learn to Code with Galvanize!</title>
5+
<link href="CSS/style.css" rel="stylesheet" type="text/css" />
6+
</head>
97
<body>
10-
<div class="wrap">
11-
<div class="section sTop">
12-
<div class="inner">
13-
<h1 class="title">Something about seattle</h1>
14-
<h2 class="subtitle">Nobody cares about the east side</h2>
8+
<div class="wrap">
9+
<div class="section sTop">
10+
<div class="inner">
11+
<h1 class="title">This is a title!</h1>
12+
<h2 class="subtitle">This is a subtitle!</h2>
13+
</div>
1514
</div>
16-
</div>
1715

1816
<div class="subMenu" >
1917
<div class="inner">
2018
<a href="#sTop" class="subNavBtn">Home</a>
21-
<a href="#s1" class="subNavBtn">My Mopeds</a>
22-
<a href="#s2" class="subNavBtn">Why Mopeds?</a>
23-
<a href="#s3" class="subNavBtn">Try Mopeds!</a>
24-
<a href="https://twitter.com/grahammcbain" class="subNavBtn extLink end">Follow me on twitter</a>
19+
<a href="#s1" class="subNavBtn">Link #1</a>
20+
<a href="#s2" class="subNavBtn">Link #2</a>
21+
<a href="#s3" class="subNavBtn">Link #3</a>
22+
<a href="https://twitter.com/grahammcbain" class="subNavBtn extLink end">Follow me on Twitter</a>
2523
</div>
2624
</div>
2725

2826
<div class="section s1" id="s1">
2927
<div class="inner ">
30-
<h1>My Mopeds</h1>
31-
<div class="section">
32-
<a href="http://www.boltmotorbikes.com/"><img src="http://i.imgur.com/BXOdmQ7.jpg"/></a>
33-
</div>
28+
<h1>This goes to Link #1</h1>
29+
<h2>Can you change the image below?</h2>
30+
<div class="section">
31+
<a href="http://www.boltmotorbikes.com/"><img src="http://i.imgur.com/BXOdmQ7.jpg"/></a>
32+
</div>
3433
</div>
3534
</div>
3635

3736
<div class="section s2" id="s2">
3837
<div class="inner">
39-
<h1>Why Mopeds?</h1>
40-
<h2>Because they are wicked fun!</h2>
41-
<div class="section">
38+
<h1>This goes to Link #2</h1>
39+
<h2>Can you change the link to this image?</h2>
40+
<div class="section">
4241
<a href="http://www.boltmotorbikes.com/"><img src="https://mopedschool.files.wordpress.com/2014/06/tomos.jpg" title="Me in the glory days"/></a>
4342
</div>
4443
</div>
4544
</div>
4645

47-
48-
4946
<div class="section s3" id="s3">
5047
<div class="inner">
51-
<h1>Try Mopeds!</h1>
52-
<h2>My wife Alissa tried mopeds and she loves them!</h2>
53-
<div class="section">
54-
<a href="http://www.boltmotorbikes.com/"><img src="http://i.imgur.com/AVmlW8k.jpg" title="Alissa McBain"/></a>
55-
</div>
56-
48+
<h1>This goes to Link #3</h1>
49+
<h2>What about putting a video here that links to your favorite site?</h2>
50+
<div class="section">
51+
<a href="http://www.boltmotorbikes.com/"><img src="http://i.imgur.com/AVmlW8k.jpg" title="Alissa McBain"/></a>
52+
</div>
5753
</div>
5854
</div>
5955
</div>

0 commit comments

Comments
 (0)