-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
138 additions
and
64 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -13,10 +13,10 @@ | |
| <a href="index.html" id="home-link"><img src="logo.png" alt="Thomas Howe logo"></a> | ||
| <nav><ul id="nav-links"> | ||
| <li><a href="about-me.html#main">About Me</a></li> | ||
| <li><a href="my-portfolio.html#main">My Portfolio</a></li> | ||
| <li><a href="index.html#project-previews">My Portfolio</a></li> | ||
| <li><a href="coding-examples.html#main">Coding Examples</a></li> | ||
| <li><a href="scs-scheme.html#main">SCS Scheme</a></li> | ||
| <li><a href="contact-me.html#main">Contact Me</a></li> | ||
| <li><a href="index.html#contact">Contact Me</a></li> | ||
| <li><ul id="nav-links__socials"> | ||
| <li><a href="#" id="facebook"> | ||
| <span class="social-media-name">Facebook page</span> | ||
|
|
@@ -46,66 +46,8 @@ <h1>My Name is Thomas Howe</h1> | |
| <a href="#main" id="scroll-down">Scroll Down</a> | ||
| </header> | ||
| <main id="main"> | ||
| <section id="project-previews"><ul> | ||
| <li><a href="#"> | ||
| <img src="project-images/project-1.png"> | ||
| <h3>Project One</h3> | ||
| <span>View Project</span> | ||
| </a></li> | ||
| <li><a href="#"> | ||
| <img src="project-images/project-2.png"> | ||
| <h3>Project Two</h3> | ||
| <span>View Project</span> | ||
| </a></li> | ||
| <li><a href="#"> | ||
| <img src="project-images/project-3.png"> | ||
| <h3>Project Three</h3> | ||
| <span>View Project</span> | ||
| </a></li> | ||
| <li><a href="#"> | ||
| <img src="project-images/project-4.png"> | ||
| <h3>Project Four</h3> | ||
| <span>View Project</span> | ||
| </a></li> | ||
| <li><a href="#"> | ||
| <img src="project-images/project-5.png"> | ||
| <h3>Project Five</h3> | ||
| <span>View Project</span> | ||
| </a></li> | ||
| <li><a href="#"> | ||
| <img src="project-images/project-6.png"> | ||
| <h3>Project Six</h3> | ||
| <span>View Project</span> | ||
| </a></li> | ||
| </ul></section> | ||
| <section id="contact"> | ||
| <div id="contact-text"> | ||
| <h2>Get In Touch</h2> | ||
| <p>Sed interdum est vel sollicitudin bibendum. Proin at accumsan nulla, non facilisis massa.</p> | ||
| <a href="tel:+44-7922-179-141" id="phone">07922 179 141</a> | ||
| <a href="mailto:[email protected]" id="email">[email protected]</a> | ||
| <p>Phasellus cursus urna in neque faucibus, eu dapibus magna vehicula. Sed tempus cursus mauris et scelerisque. Pellentesque ornare mi at fringilla egastas.</p> | ||
| </div> | ||
| <form method="post" action="#" id="contact-form"> | ||
| <div id="contact-form__names"> | ||
| <label for="contact-form__first-name">First Name:</label> | ||
| <input type="text" name="first-name" placeholder="First Name*" id="contact-form__first-name"> | ||
|
|
||
| <label for="contact-form__last-name">Last Name:</label> | ||
| <input type="text" name="last-name" placeholder="Last Name*" id="contact-form__last-name"> | ||
| </div> | ||
|
|
||
| <label for="contact-form__email">Email Address:</label> | ||
| <input type="text" name="email" placeholder="Email Address*" id="contact-form__email"> | ||
|
|
||
| <label for="contact-form__subject">Subject:</label> | ||
| <input type="text" name="subject" placeholder="Subject" id="contact-form__subject"> | ||
|
|
||
| <label for="contact-form__message">Message:</label> | ||
| <textarea name="message" placeholder="Message" id="contact-form__message"></textarea> | ||
|
|
||
| <button type="submit" id="contact-form__submit-button">Submit</button> | ||
| </form> | ||
| <section id="about-me"> | ||
| I'm a programmer | ||
| </section> | ||
| </main> | ||
| <a href="#header" id="back-to-top">Back To Top</a> | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en-GB"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <title>Thomas Howe - Web Developer</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <aside> | ||
| <a href="index.html" id="home-link"><img src="logo.png" alt="Thomas Howe logo"></a> | ||
| <nav><ul id="nav-links"> | ||
| <li><a href="about-me.html#main">About Me</a></li> | ||
| <li><a href="index.html#project-previews">My Portfolio</a></li> | ||
| <li><a href="coding-examples.html#main">Coding Examples</a></li> | ||
| <li><a href="scs-scheme.html#main">SCS Scheme</a></li> | ||
| <li><a href="index.html#contact">Contact Me</a></li> | ||
| <li><ul id="nav-links__socials"> | ||
| <li><a href="#" id="facebook"> | ||
| <span class="social-media-name">Facebook page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| <li><a href="#" id="instagram"> | ||
| <span class="social-media-name">Instagram page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| <li><a href="#" id="x"> | ||
| <span class="social-media-name">X page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| <li><a href="#" id="linkedin"> | ||
| <span class="social-media-name">LinkedIn page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| </ul></li> | ||
| </ul></nav> | ||
| </aside> | ||
| <div id="all-except-aside"> | ||
| <header id="header"> | ||
| <div> | ||
| <h1>My Name is Thomas Howe</h1> | ||
| <p>I'm a web developer</p> | ||
| </div> | ||
| <a href="#main" id="scroll-down">Scroll Down</a> | ||
| </header> | ||
| <main id="main"> | ||
| <section id="coding-examples"> | ||
| <pre><?php echo "hello world"; ?></pre> | ||
| </section> | ||
| </main> | ||
| <a href="#header" id="back-to-top">Back To Top</a> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en-GB"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <title>Thomas Howe - Web Developer</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <aside> | ||
| <a href="index.html" id="home-link"><img src="logo.png" alt="Thomas Howe logo"></a> | ||
| <nav><ul id="nav-links"> | ||
| <li><a href="about-me.html#main">About Me</a></li> | ||
| <li><a href="index.html#project-previews">My Portfolio</a></li> | ||
| <li><a href="coding-examples.html#main">Coding Examples</a></li> | ||
| <li><a href="scs-scheme.html#main">SCS Scheme</a></li> | ||
| <li><a href="index.html#contact">Contact Me</a></li> | ||
| <li><ul id="nav-links__socials"> | ||
| <li><a href="#" id="facebook"> | ||
| <span class="social-media-name">Facebook page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| <li><a href="#" id="instagram"> | ||
| <span class="social-media-name">Instagram page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| <li><a href="#" id="x"> | ||
| <span class="social-media-name">X page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| <li><a href="#" id="linkedin"> | ||
| <span class="social-media-name">LinkedIn page</span> | ||
| <span class="social-media-logo"></span> | ||
| </a></li> | ||
| </ul></li> | ||
| </ul></nav> | ||
| </aside> | ||
| <div id="all-except-aside"> | ||
| <header id="header"> | ||
| <div> | ||
| <h1>My Name is Thomas Howe</h1> | ||
| <p>I'm a web developer</p> | ||
| </div> | ||
| <a href="#main" id="scroll-down">Scroll Down</a> | ||
| </header> | ||
| <main id="main"> | ||
| <section id="scs-scheme"> | ||
| <h2>Introduction to Scion Coalition Scheme</h2> | ||
| <p>The Scion Coalition Scheme is an intensive, specially tailored training program run by Netmatters in order to give willing candidates the opportunity to enter the industry as web developers. Under the supervision of senior web developers, scions generally aim to complete training within six to nine months. The course is intensive and therefore the level of learning achieved is extensive in a short space of time.</p> | ||
| <h2>Treehouse</h2> | ||
| <p>Treehouse is an online learning community, featuring videos covering a number of topics from basic HTML to C# programming, iOS development, data analysis, and more. By completing courses users can earn points, allowing them to track their progress and see how much they've covered in certain areas.</p> | ||
| <p>Total Score: 3,087</p> | ||
| <a href="https://teamtreehouse.com/profiles/thomashowe2"> | ||
| https://teamtreehouse.com/profiles/thomashowe2 | ||
| </a> | ||
| <h2>About Netmatters</h2> | ||
| <ul> | ||
| <li>Established in 2008</li> | ||
| <li>Norfolk's leading technology company</li> | ||
| <li>Winner of the Princess Royal Training Award</li> | ||
| <li>Winner of EDP Skills of Tomorrow Award</li> | ||
| <li>80+ staff, 2 locations across Norfolk</li> | ||
| <li>Digital Marketing, Website & Software development & IT Support</li> | ||
| <li>Broad spectrum of clients, working nationwide</li> | ||
| <li>Operate to strict company values</li> | ||
| </ul> | ||
| </section> | ||
| </main> | ||
| <a href="#header" id="back-to-top">Back To Top</a> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |