Skip to content
Open
Show file tree
Hide file tree
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
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5502
}
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## Introduction

Welcome to my repo, focused on pure HTML and CSS. Here you can play with HTML and CSS to create a simple page, allowing you to practise with the foundations of coding and web development. This is about easing your way into the world of code and programming, for those who have little to no experience.
Welcome to my repo, focused on pure HTML and CSS. Here you can play with HTML and CSS to create a simple page, allowing you to practice with the foundations of coding and web development. This is about easing your way into the world of code and programming, for those who have little to no experience.

## What is HTML?

Expand All @@ -23,11 +23,11 @@ CSS stands for cascading style sheet and allows you to add style, colors, boarde
- Push the changes to your repository on GitHub
- Submit a Pull Request to have your changes contributed to the main repo

Fork the repo to your own account, then clone the repository to your own computer. It is best practise to create your changes on your own branch, which I will merge with the maste if successful. From there, edit the files, adding one new feature per commit to the webpage or styling - be imaginative, and use code and syntax that you are new to, push yourself out of your comfort zone. Try new things.
Fork the repo to your own account, then clone the repository to your own computer. It is best practice to create your changes on your own branch, which I will merge with the master if successful. From there, edit the files, adding one new feature per commit to the webpage or styling - be imaginative, and use code and syntax that you are new to, push yourself out of your comfort zone. Try new things.

## Aims

The aim here is to allow those who are new to computer code and web development, to come together and practise their skills and newly aquired understanding in a friendly, judge-free environment. Here, we are all beginners. I will help and offer advice to those submitting pull requests or those with questions.
The aim here is to allow those who are new to computer code and web development, to come together and practice their skills and newly acquired understanding in a friendly, judge-free environment. Here, we are all beginners. I will help and offer advice to those submitting pull requests or those with questions.

Contributing here will also allow your GitHub profile to appear more engaging, and is perfect for those starting out in using GitHub and making contributions.

Expand Down
2 changes: 1 addition & 1 deletion css/stylesheet.css
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
}

a:link {
color: #F1DFBD;
color: #71675b;
text-decoration: none;
}
a:visited {
Expand Down
14 changes: 7 additions & 7 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title> HTML and CSS practise for beginners </title>
<title> HTML and CSS practice for beginners </title>
<link rel = "stylesheet" type = "text/css" href = "css/stylesheet.css" />
<link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">
</head>
Expand All @@ -10,7 +10,7 @@
<div id = "wrapper">

<div class = "main_header">
<h1>HTML and CSS practise for beginners</h1>
<h1>HTML and CSS practice for beginners</h1>
</div>
<div class = "nav_bar">
<nav>
Expand All @@ -26,7 +26,7 @@ <h1>HTML and CSS practise for beginners</h1>
<div class="section_1">
<h2 class="second_header">How to use this page</h2>
<p>This page is completely open source, and the code and files are available for ALL to download.
I, Carlie, created a mini website for anyone to practise on, change, adapt, edit and style
I, Carlie, created a mini website for anyone to practice on, change, adapt, edit and style
in any which way they desire, with the hopes this can be a place for those who are beginning
with coding to come and have a go at some real live code.</br>
This page and its files can be found on GitHub, an AMAZING resource for programmers and coders
Expand All @@ -40,7 +40,7 @@ <h2 class="third_header">Rules</h2>
<p>When playing with this code and styling it, try to keep with the current theme, however I do
understand that this will change over time. Use fonts that have been used elsewhere on the page
and use inkeeping colors and themes. When it comes to using HTML elements and tags, use those
which are new to you, or you are trying to practise with, and the same goes with CSS.</br> This
which are new to you, or you are trying to practice with, and the same goes with CSS.</br> This
may seem overly simple and pointless, but to those starting out can be valuable. You can view
previous changes and see how people did what they did by viewing older commits. Have fun and be daring
with your code! Learn something new every day!
Expand Down Expand Up @@ -69,9 +69,9 @@ <h2>PHOTO GALLERY</h2>
<div class="footer">
<span>This footer will always be positioned at the bottom of the page.</span>
<span class="social_icons">
<a href="facebook.com"><img src="images/facebook.png" alt="Facebook icon" height="42" width="42"></a>
<a href="instagram.com"><img src="images/insta.jpg" alt="Instagram icon" height="42" width="42"></a>
<a href="twitter.com"><img src="images/twitter.jpg" alt="Twitter icon" height="42" width="42"></a>
<a href="facebook.com" target="_blank"><img src="images/facebook.png" alt="Facebook icon" height="42" width="42"></a>
<a href="instagram.com" target="_blank"><img src="images/insta.jpg" alt="Instagram icon" height="42" width="42"></a>
<a href="twitter.com" target="_blank"><img src="images/twitter.jpg" alt="Twitter icon" height="42" width="42"></a>
</span>
</div>

Expand Down