Initial commit

Add files via upload

Delete README.md

Update README.md

Update README.md

Update README.md

Update README.md

Update README.md

Update README.md

Update README.md

Initial commit

Update README.md

Update README.md

Update index.html

Update index.html

Update index.html

Update index.html

Update README.md

Update README.md

Update README.md

Update README.md

Update README.md

.nojekyll

@@ -0,0 +1 @@
+

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 boxbot6
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,40 @@
+### This GitHub repository is being used to host the website:
+
+# website-template-simple-single-page-v1
+
+<br>
+
+* [Click this link to view the website being created from this repository and hosted on github-pages.](https://boxbot6.github.io/website-template-simple-single-page-v1/)
+
+<br>
+
+(After creating your own website using this template and github-pages you can edit this README.md to show your own sites name above and update the link to take you to your new sites address (you can find your new sites address by looking in Settings > Pages (github-pages)) - you can then delete all these comments below!
+
+## To Use the Template:
+* Create a new folder on your computer and name it - this folder will be your new websites main root directory folder.
+* Use the green '\<\> Code' button at the top of this repository's page in github to 'Download ZIP' of this repository.
+* Unzip and copy all the downloads contents to the new root directory folder keeping its folder layout intact.
+* Personalise and edit the website (see section below) and when you are happy with it upload or move the main root directory folder to wherever you wish to host it (see 'Using Free Github Hosting' section below).
+
+## To Edit the Website:
+* Open the copied index.html file from inside your new root directory folder (using Notepad or another html editor) and edit the contents to create your own home page (A good beginners guide here: [HTML For Beginners The Easy Way: Start Learning HTML & CSS Today](https://html.com/)).
+* (To test the website as you are editing it - click the index.html file and it should automatically open a browser window and show the results of your current edits - refresh this window to update subsequent edits). 
+* Add any images you wish to use to the images folder.
+* Update and check all the new links are working (see the links already included in the template for examples).
+* Edit the .css file to change the website appearance and styles.
+* Delete or \<\!\-\- comment out \-\-\> anything not needed.
+* Edit the index.html files for any other pages if your website has more than one page (each pages index.html is located in their own subdirectory folder) - add your own content to each of these subsequent pages.
+* When you are happy with everything upload or move the main root directory folder to where you wish to host it.
+
+## Using Free Github Hosting: (size/usage limits)
+* Sign in to your account on [Github.com](https://github.com/), go to 'Your repositories' and select 'New' (top right).
+* In 'create a new repository' give the new repository a name (this name also applies to your website), add an optional description if you want, keep check box 'Public' to make your repository and website visible to the general public online. (don't add a README file, .gitignore or Licence here, the relevant files will be added later).
+* Press 'Create repository' at the bottom.
+* This will take you to Quick setup, select 'uploading an existing file'
+* On the next page that appears, drag and drop all the internal files and folders together from inside the new root directory folder that you made in 'To Use the Template' onto the upload section.
+* Press 'Commit changes' at the bottom
+* Check the repository is shown to be Public (if not change the visibility in settings).
+* Change the Licence now if you want to.
+* Now use 'Settings' to open GitHub Pages (shown as Pages at the bottom of Code and automation in the menu column on the left).
+* Select Source - Deploy from a branch, select main, then save.
+* Wait a few minutes for the website to be created - when its done the https address will be shown in github-pages - copy the link and update the README.md file to show the name of your new website and update the link to the one given for your new site.

index.html

@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html>
+
+
+<head>
+	<title>Website Template | Simple Single-Page | Html | Css | Home Page</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta charset="utf-8" />
+	<link rel="stylesheet" type="text/css" href="style.css" />
+</head>
+
+
+<body>
+    <div class="box">
+
+
+	<div class="row content">
+		<div class="content-text">
+			<h1>This is a single-page html/css website template hosted on github.</h1>
+			<hr>
+			<h2>Heading (h2)</h2>
+			<p>Place your text here, place your text here, place your text here, place your text here, 
+			place your text here, place your text here, place your text here, place your text here, 
+			place your text here, place your text here, place your text here, place your text here, 
+			place your text here, place your text here, place your text here, place your text here, 
+			place your text here, place your text here, place your text here, place your text here,
+			place your text here, <i>place your text here, </i>place your text here, <i>place your text here.</i></p>
+			<br />
+
+			<h3>Heading (h3)</h3>
+			<p>Sample medium-sized text.</p>
+			<br />
+
+			<h3>Heading (h3)</h3>
+			<p>Place your text here.</p>
+			<br />
+
+			<h3>Downloads:</h3>
+			<p>Files included:</p>
+			<ul>
+				<li>test-file-1.txt</li>
+				<li>test-file-2.txt</li>
+				<li>test-file-3.txt</li>
+
+			<br />
+
+			<div class="download-button">
+				<a href="downloads/website-template-simple-single-page-v1.zip" download style="color:white; text-decoration:none">
+				<span>Download &nbsp;&nbsp;&nbsp;&nbsp;</span>
+				<img style="vertical-align:middle" src="images/download-icon-1.png" alt="image" height="25">
+				</a>
+			</div>
+			</ul>
+
+			<br />
+			<br />
+			<hr> <!-- this makes a line -->
+
+			<br />
+			<br />
+			<br />
+			<br />
+
+
+ 	      		<div class="float-right">
+				<content-image>
+				<a href="images/test-image-1.jpg">
+				<img src="images/test-image-1.jpg" width="300" />
+				<br /><br />test-image-1 (float-right)</a>
+				</content-image>
+			</div>
+
+
+			<p class="content-text-no-line-space">
+			<a href="images/test-image-1.jpg">
+			List Link 1. (test-image-1)</a></p>
+
+			<p class="content-text-no-line-space">
+			<a href="images/test-image-2.jpg">
+			List Link 2. (test-image-2)</a></p>
+
+			<p class="content-text-no-line-space">
+			<a href="images/test-image-3.jpg">
+			List Link 3. (test-image-3)</a></p>
+
+
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+ 			<br />
+			<br />
+			<br />
+			<br />
+ 			<br />
+
+
+ 	     		<div>
+				<content-image>
+				<a href="images/test-image-2.jpg">
+			        <img src="images/test-image-2.jpg" width="500" />
+				<br /><br />test-image-2 (text-aligned)</a>
+				</content-image>
+			</div>
+
+
+	       		<div class="center">
+				<content-image>
+				<a href="images/test-image-2.jpg">
+			        <img src="images/test-image-2.jpg" width="500" />
+				<br /><br />test-image-2 (centered)</a>
+				</content-image>
+			</div>
+
+
+	       		<div class="align-right">
+				<content-image>
+				<a href="images/test-image-2.jpg">
+			        <img src="images/test-image-2.jpg" width="500" />
+				<br /><br />test-image-2 (align-right)</a>
+				</content-image>
+			</div>
+
+
+ 	      		<div class="center">
+				<content-image-spaced>
+				<a href="images/test-image-3.jpg">
+			        <img src="images/test-image-3.jpg" width="400" />
+				<br /><br />test-image-3 (centered grid)</a>
+				</content-image-spaced>
+
+				<content-image-spaced>
+				<a href="images/test-image-3.jpg">
+				<img src="images/test-image-3.jpg" width="400" />
+				<br /><br />test-image-3 (centered grid)</a>
+				</content-image-spaced>
+
+				<content-image-spaced>
+				<a href="images/test-image-3.jpg">
+				<img src="images/test-image-3.jpg" width="400" />
+				<br /><br />test-image-3 (centered grid)</a>
+				</content-image-spaced>
+			</div>
+		</div>
+	</div>
+
+
+	<div class="row footer">
+       		<div class="footer">
+			<p>Copyright © your copyright here. No Rights Reserved.</p>
+		</div>
+	</div>
+
+
+    </div> <!-- end box -->
+</body>
+</html>