Skip to content

Commit 3e4bb20

Browse files
probably many spelling mistakes
1 parent f45e32b commit 3e4bb20

File tree

3 files changed

+49
-77
lines changed

3 files changed

+49
-77
lines changed

CSS/style.css

Lines changed: 8 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33

44
body {
5-
font-family: 'Raleway', sans-serif;
5+
font-family: 'Pacifico', sans-serif;
66
color: #e5e5e5;
77
font-size: 12px;
88
background:#bfbfbf;
@@ -12,7 +12,7 @@ body {
1212

1313

1414
h1, h2 {
15-
font-family: 'Raleway', sans-serif;
15+
font-family: 'Pacifico', sans-serif;
1616
font-weight: 300;
1717
margin:0 0 15px 0;
1818
}
@@ -54,8 +54,6 @@ a {
5454

5555
}
5656

57-
58-
5957
.section {
6058
width: 100%;
6159
max-width: 1600px;
@@ -67,6 +65,10 @@ a {
6765
height: 500px;
6866
}
6967

68+
.section img {
69+
width: auto;
70+
height: 50%;
71+
}
7072

7173
.inner {
7274
width: 960px;
@@ -124,7 +126,9 @@ a {
124126
margin: 0;
125127
}
126128

129+
/*.photoWrapper {
127130
131+
}*/
128132

129133

130134
/* SECTIONS */
@@ -154,19 +158,3 @@ a {
154158
.s3 {
155159
background: #1b83b3;
156160
}
157-
158-
159-
.s4 {
160-
background: #5aa3c4;
161-
}
162-
163-
164-
165-
.s5 {
166-
background: #bce1f1;
167-
color: #3d3d3d;
168-
}
169-
170-
.s6 {
171-
background: #161616;
172-
}

README.md

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,18 @@
11
# Learn-To-Code-Week-1
22

3-
4-
53
## Overview
64
Our goal this week is to setup our developer environment and link it to our github account for
7-
maximum developer points. We'll also download the Atom text editor and get next weeks
8-
curriculum on our computer.
9-
5+
maximum developer points. We'll also download the Atom text editor and do a little
6+
bit of coding.
107

118

129
Here's what we'll be doing:
1310

14-
#### Signing up for github and learning about git
15-
#### Forking and cloning our first project
1611
#### Overview of basic HTML concepts
1712
#### Overview of CSS concepts
18-
13+
#### Signing up for github and learning about git
14+
#### Forking and cloning our first project
15+
#### Editing HTML/CSS and pushing code back up to Github.
1916

2017

2118
## Overview of HTML
@@ -74,32 +71,38 @@ Now lets look at the css!
7471
}
7572
```
7673

77-
## Signing up for Github!
78-
Click the green signup button on the top of this page and open it in a new tab.
79-
Signup for your github then come back to this tab and refresh your browser account
80-
and find your way back to this page!
8174

82-
### What is git?
75+
76+
77+
## What is git?
8378
Git is a piece of software that allows you to edit and collaborate on projects
8479
regardless of your teams location. With Git, you and your team can all be working
8580
on the same codebase without having to worry about who's doing what in which order.
8681

87-
Download Atom
88-
https://atom.io/
8982

90-
Click "Clone in Desktop"
91-
-Follow Prompts to install
83+
#Sign up for Github!
84+
- Open a new tab in your browser and go to GitHub.com
85+
- Click the green signup button on the top of this page.
86+
- Confirm your account by clicking the confirmation link in your email
87+
88+
89+
#Lets Fork and Clone our first project on Github!
90+
- Click the fork button on the top right of this page!
91+
- Click "Clone in Desktop"
92+
- Follow Prompts to install the GitHub App
93+
94+
#Get a text editor!
95+
- Download [https://atom.io/](Atom)
9296

93-
## Lets Fork our first project on Github!
94-
Click the fork button on the top right of this page!
9597

98+
##Extra Credit
99+
- Change the Font in this project!
96100

97-
##Change the Font in this project!
101+
- Change the name of the site
98102

99-
##Change the name of the site
103+
- Change all the navigation links
100104

101-
##Change all the navigation links
105+
- Change all the section headers
102106

103-
##Change all the section headers
104107

105-
#Questions!
108+
#Question Time!

index.html

Lines changed: 14 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>Lets Build a one page site with Javascript, Jquery, HTML and CSS!</title>
4+
<title>LTCW1</title>
55
<link href="CSS/style.css" rel="stylesheet" type="text/css">
6-
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
7-
6+
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
87
</head>
98
<body>
10-
<div class="wrap q
9+
<div class="wrap">
1110
<div class="section sTop">
1211
<div class="inner">
13-
<h1 class="title">My amazing one page website </h1>
12+
<h1 class="title">My amazing one page website</h1>
1413
<h2 class="subtitle">And it's all about mopeds!</h2>
1514
</div>
1615
</div>
@@ -21,29 +20,26 @@ <h2 class="subtitle">And it's all about mopeds!</h2>
2120
<a href="#s1" class="subNavBtn">My Mopeds</a>
2221
<a href="#s2" class="subNavBtn">Why Mopeds?</a>
2322
<a href="#s3" class="subNavBtn">Try Mopeds!</a>
24-
<a href="#s4" class="subNavBtn">Spy Mopeds</a>
25-
<a href="#s5" class="subNavBtn">Buy Mopeds</a>
2623
<a href="https://twitter.com/grahammcbain" class="subNavBtn extLink end">Follow me on twitter</a>
2724
</div>
2825
</div>
2926

3027
<div class="section s1">
3128
<div class="inner ">
3229
<h1>My Mopeds</h1>
33-
<ul>
34-
<li><a href="http://www.mopedarmy.com/img/gallery/picture_card_0711.jpg">Peugeot 102sp</a></li>
35-
<li><a href="http://www.mopedarmy.com/img/gallery/ped.jpg">Garelli Super Sport XL</a></li>
36-
<li><a href="http://www.mopedarmy.com/photos/brand/2/11295/">Puch Magnum</a></li>
37-
</ul>
30+
<div class="section">
31+
<a href="http://www.boltmotorbikes.com/"><img src="http://i.imgur.com/BXOdmQ7.jpg"/></a>
32+
</div>
3833
</div>
3934
</div>
4035

4136
<div class="section s2">
4237
<div class="inner">
4338
<h1>Why Mopeds?</h1>
44-
<h2>Because they are practical, maneuverable, and fun!
45-
<p><a href="https://mopedschool.files.wordpress.com/2014/06/tomos.jpg"><img style="heigh:100px;" src="https://mopedschool.files.wordpress.com/2014/06/tomos.jpg" title="Me in the glory days"/><p>
46-
39+
<h2>Because they are wicked fun!</h2>
40+
<div class="section">
41+
<a href="http://www.boltmotorbikes.com/"><img src="https://mopedschool.files.wordpress.com/2014/06/tomos.jpg" title="Me in the glory days"/></a>
42+
</div>
4743
</div>
4844
</div>
4945

@@ -53,25 +49,10 @@ <h2>Because they are practical, maneuverable, and fun!
5349
<div class="inner">
5450
<h1>Try Mopeds!</h1>
5551
<h2>My wife Alissa tried mopeds and she loves them!</h2>
56-
<p><a href="http://imgur.com/AVmlW8k"><img src="http://i.imgur.com/AVmlW8k.jpg" title="source: imgur.com"/></p>
57-
</div>
58-
</div>
52+
<div class="section">
53+
<a href="http://www.boltmotorbikes.com/"><img src="http://i.imgur.com/AVmlW8k.jpg" title="Alissa McBain"/></a>
54+
</div>
5955

60-
<div class="section s4">
61-
<div class="inner">
62-
<h1>Spy Mopeds!</h1>
63-
<a href="http://garage.1977mopeds.com/build/Puch+Maxi+2V">Checkout one of my favorite projects on garage!</a>
64-
</div>
65-
</div>
66-
67-
<div class="section s5">
68-
<div class="inner">
69-
<h1>Buy Mopeds</h1>
70-
<ul>
71-
<li><a href="http://www.boltmotorbikes.com/">Bolt Motorbikesp</a></li>
72-
<li><a href="http://www.1977mopeds.com/mopeds-22.html">1977 Mopeds!</a></li>
73-
<li><a href="http://fortcollins.craigslist.org/search/sso?query=moped">Craigslist</a></li>
74-
</ul>
7556
</div>
7657
</div>
7758
</div>

0 commit comments

Comments
 (0)