Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added some files #1

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 16 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
@@ -5,22 +5,24 @@ First step is to fork this repo into your own Github account - if you don't reme
## For Week 1

Create a new webpage on a subject that you're interested in (maybe the same topic you used for your Codepen submission). The page should **NOT** use any framework like Bootstrap and it should include the following elements:
- The `.html` page and a linked `.css` file applies a consistent color scheme to links and text on your page.
- A page header with a title and description for the site.
- An articles section with three articles, each including a title, summary and a link.
- A page footer containing info about you or the site.
- Proper use of the semantic HTML tags we discussed.
- Research the `:first-child` pseudo-class and use it to style the first article so that it stands out from the others.
- Use this website [Lorem Ipsum](http://www.lipsum.com/) to generate random blocks of contents to fill your website.
- **Commit often (with good meaningful commit messages), and Push to Github regularly.**
- Make your website look as close as possible as this layout (there are things we didn't cover yet, such as layout of the right and left side, but consider that an optional challenge if you want one)
- *Please note that this is just a sketch - you can choose the colours, fonts and images that you want to use in the page.*

- The `.html` page and a linked `.css` file applies a consistent color scheme to links and text on your page.
- A page header with a title and description for the site.
- An articles section with three articles, each including a title, summary and a link.
- A page footer containing info about you or the site.
- Proper use of the semantic HTML tags we discussed.
- Research the `:first-child` pseudo-class and use it to style the first article so that it stands out from the others.
- Use this website [Lorem Ipsum](http://www.lipsum.com/) to generate random blocks of contents to fill your website.
- **Commit often (with good meaningful commit messages), and Push to Github regularly.**
- Make your website look as close as possible as this layout (there are things we didn't cover yet, such as layout of the right and left side, but consider that an optional challenge if you want one)
- _Please note that this is just a sketch - you can choose the colours, fonts and images that you want to use in the page._
- Great Exercise!

<a href="blog-sketch.png" target="blank">
<img src="blog-sketch.png" style="border: 1px solid #bababa;">
</a>



## For Week 2

@@ -29,6 +31,7 @@ Revisit the webpage you created in last week's homework assignment. Add a sideba
- Research mobile-first, how would your HTML/CSS have been different if you followed a mobile-first approach?

## For Week 3
- Explore how we name our classes and elements
- Create a new Branch called bootstrap-site, and use a framework to implement the same site and compare

- Explore how we name our classes and elements
- Create a new Branch called bootstrap-site, and use a framework to implement the same site and compare
(Learn about Branching here - https://guides.github.com/introduction/flow/)
11 changes: 11 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p>This is about me page</p>
</body>
</html>
11 changes: 11 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p>Welcome to my page</p>
</body>
</html>