Skip to content

Angus Townsley #71

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.

Sign up for GitHub

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

Open
angustownsley wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Angus Townsley #71

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4c8dcee
core and extension completed
angustownsley Mar 11, 2024
676df35
minor formatting and colour updates
angustownsley Mar 11, 2024
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
148 changes: 138 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<title>Full Stack Portfolio</title>
</head>
<body>

</body>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="styles.css" />
<title>Full Stack Portfolio</title>
</head>

<body>
<header>
</header>
<main>
<nav class="top_bar">
<h1>Angus Townsley</h1>
<ul class="page_links">
<li class="nav"><a href="#aboutme">About me</a></li>
<li class="nav"><a href="#portfolio">Portfolio</a></li>
<li class="nav"><a href="#experience">Experience</a></li>
</ul>



</nav>
<section class="top_page">
<h1>Hiring A Full-Stack Developer?</h1>
<p>
I have experience with <strong>React</strong>,
<strong>NodeJS</strong> and <strong>Typescript</strong>. I would love
to work at an <em>innovative</em> and <em>eco-friendly</em> start-up
in the <strong>sustainable energy sector</strong>.
</p>
</section>
<section class="aboutme">
<h1 id="aboutme">ABOUT ME</h1>
<h2>Introduction</h2>
<article>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsa, ipsam
deleniti nesciunt vel, necessitatibus minus earum est amet voluptatem
itaque fugiat impedit similique saepe quisquam? Dolores consequatur
reprehenderit doloremque dignissimos.
</article>
<h2>Technical Skills</h2>
<ul class="technical_skills">
<li>Html and CSS</li>
<li>Javascript</li>
<li>Typescript</li>
<li>React</li>
<li>Redux</li>
<li>NodeJS</li>
</ul>
</section>
<section class="portfolio">
<h1 id="portfolio">PORTFOLIO</h1>
<ul class=portfolio-grid>
<li>
<article class="portfolio-item">
<h2>Title</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Asperiores non consequatur consectetur ratione sunt sint totam
error ipsam provident voluptatum possimus commodi iste
voluptatibus perspiciatis, laudantium tenetur veniam doloremque.
Magnam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, officiis amet optio quia quae sit
maiores nisi dolore corrupti neque ipsa aliquam ea soluta quisquam pariatur! Eos sed iure quidem? Lorem
ipsum dolor sit amet consectetur adipisicing elit. Laborum, quasi. Reprehenderit debitis pariatur tempore
laudantium explicabo dolore dolorem dolores aspernatur dicta porro quidem hic eveniet, sunt quia velit!
Dolores, excepturi.
</p>
<a class="read_more" href="#">READ MORE</a>
<a class="github" href="#">Github Repo</a>
</article>
</li>
<li>
<article class="portfolio-item">
<h2>Title</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Asperiores non consequatur consectetur ratione sunt sint totam
error ipsam provident voluptatum possimus commodi iste
voluptatibus perspiciatis, laudantium tenetur veniam doloremque.
Magnam.
</p>
<a class="read_more" href="#">READ MORE</a>
<a class="github" href="#">Github Repo</a>
</article>
</li>
<li>
<article class="portfolio-item">
<h2>Title</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Asperiores non consequatur consectetur ratione sunt sint totam
error ipsam provident voluptatum possimus commodi iste
voluptatibus perspiciatis, laudantium tenetur veniam doloremque.
Magnam.Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores non consequatur consectetur
ratione sunt sint totam error ipsam provident voluptatum possimus commodi iste voluptatibus perspiciatis,
laudantium tenetur veniam doloremque. Magnam.
</p>
<a class="read_more" href="#">READ MORE</a>
<a class="github" href="#">Github Repo</a>
</article>
</li>
</ul>
</section>

<section class="experience">
<h1 id="experience">Experience</h1>
<h2>Job Title</h2>
<article>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsa, ipsam
deleniti nesciunt vel, necessitatibus minus earum est amet voluptatem
itaque fugiat impedit similique saepe quisquam? Dolores consequatur
reprehenderit doloremque dignissimos. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel quos libero
magnam porro, placeat officia recusandae non commodi totam omnis dolorem adipisci earum, suscipit est nulla!
Alias ipsa culpa earum? Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, nam omnis quibusdam
rem porro deleniti veniam nisi, consequatur pariatur, at neque dolorem perspiciatis ex itaque ratione nihil ab.
Numquam, reiciendis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, perspiciatis nemo aspernatur
aliquid praesentium rem esse corporis odio inventore impedit autem architecto illo, maiores error animi natus?
Animi, sit non.
</article>
<h2>Job Title</h2>
<article>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsa, ipsam
deleniti nesciunt vel, necessitatibus minus earum est amet voluptatem
itaque fugiat impedit similique saepe quisquam? Dolores consequatur
reprehenderit doloremque dignissimos. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Est repudiandae
mollitia minus dolorum deserunt consequatur cumque! Culpa eaque pariatur in vitae odio explicabo nisi, aperiam,
quidem veniam error fugit eum. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit velit quaerat in
dolores ipsa nam consectetur esse quam repellendus alias, corporis nihil maxime distinctio, iusto a minus at qui
aut?
</article>
</section>

<footer><strong>&#169 Angus Townsley</strong></footer>
</main>
</body>

</html>
Loading