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.

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

Initial #9

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

Initial #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c495d13
Update index.html
CarlaHope May 4, 2023
9a6a88f
Update style.css
CarlaHope May 4, 2023
1cc7d01
Update style.css
CarlaHope May 4, 2023
27f3bd6
Update style.css
CarlaHope May 12, 2023
664562d
Update style.css
CarlaHope May 12, 2023
25faf3c
Merge pull request #1 from CarlaHope/CarlaHope-patch-1
CarlaHope May 12, 2023
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
187 changes: 77 additions & 110 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,134 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Pete Thinkful</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
/>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!-- Header section -->
<header>
<h1>Pete Thinkful | Artist</h1>
<nav>
<a href="#about">About</a>
<a href="#portfolio">Portfolio</a>
<a href="#contact">Contact</a>
</nav>
</header>
<h1>Pete Thinkful|Artist</h1>
<nav>
<div class= "nav-bar">
<a id= "About"></a>
<span>
<a href="#About">About</a>
</span>
<span>
<a href="#Portfolio">Portfolio</a>
</span>
<span>
<a href="#Contact">Contact</a>
</span>
</div>
</nav>
</header>
<section class="about">
<div class="about-header">
<h2>About</h2>
<h4>Hi! I'm Pete Thinkful</h4>
</div>
<div class="about-content">
<img class="image-circle" src="images/pete-thinkful.png" alt="Pete Thinkful"/>
<p>I'm an artist living in Denver, Colorado</p>
<p> As an artist, I'm interested in:</p>
<ul>
<li>Producing abstract art</li>
<li>Creating street graffiti art</li>
<li>Connecting with like-minded artists</li>
</ul>
<p> Please feel free to take a look at my website and feel free to <a href="#Contact">contact me.</a></p>
</div>
</section>

<main>
<div>
<!-- About section -->
<article id="about">
<h2>About</h2>
<section>
<h3>Hi! I'm Pete Thinkful</h3>
<div>
<img
class="image-circle"
src="images/pete-thinkful.png"
alt="Pete Thinkful"
/>
</div>
<p>I'm an artist living in Denver, Colorado.</p>
<p>As an artist, I'm interested in:</p>
<ul>
<li>Producing abstract art</li>
<li>Creating street graffiti art</li>
<li>Connecting with like-minded artists</li>
</ul>
<p>
Please feel free to take a look at my website and feel free to
<a href="#contact">contact me</a>.
</p>
</section>
<h3>Pete's Background</h3>
<p>After graduating college, I became an art teacher and worked with
beginners and professionals. I love art and my works have been
featured in major art galleries across the globe.</p>

<section>
<h3>Pete's Background</h3>
<p>
After graduating college, I became an art teacher and worked with
beginners and professionals. I love art and my works have been
featured in major art galleries across the globe.
</p>
<p>
If you're looking to hire an artist or if you're an artist looking
for a collaborator for your next project, please reach out! I'm so
excited to work with other artists to create new art.
</p>
</section>
</article>
<p>If you're looking to hire an artist or if you're an artist looking
for a collaborator for your next project, please reach out! I'm so
excited to work with other artists to create new art.</p>

<hr />

<!-- Portfolio section -->
<article id="portfolio">
<h2>Portfolio</h2>
<section>
<hr>
<a id= "Portfolio"></a>
<h2>Portfolio</h2>


<article>
<div>
<h3>Abstract Red</h3>
<div>
<img src="images/abstract-red.png" alt="Abstract Red" />
</div>
<p>
Vaporware wayfarers heirloom neutra disrupt. Activated charcoal
waistcoat scenester hell of.
</p>
</section>

<section>
<img src="images/abstract-red.png" width="500" alt="Abstract Red"/>
<p>Vaporware wayfarers heirloom neutra disrupt. Activated charcoal
waistcoat scenester hell of.</p>
</div>
<div>
<h3>Spiral Zany</h3>
<div>
<img src="images/spiral-zany.png" alt="Spiral Zany" />
</div>
<p>
Sriracha portland taxidermy cronut messenger bag, vegan
distillery. Vaporware kickstarter air plant mumblecore food truck.
</p>
</section>

<section>
<img src="images/spiral-zany.png" width="500" alt="Spiral Zany"/>
<p>Sriracha portland taxidermy cronut messenger bag, vegan
distillery. Vaporware kickstarter air plant mumblecore food truck.</p>
</div>
<div>
<h3>Melted Rainbow</h3>
<div>
<img src="images/melted-rainbow.png" alt="Melted Rainbow" />
</div>
<p>
Edison bulb single-origin coffee snackwave, actually ennui
locavore shabby chic forage.
</p>
</section>
<img src="images/melted-rainbow.png" width="500" alt="Melted Rainbow"/>
<p>Edison bulb single-origin coffee snackwave, actually ennui locavore shabby chic forage.</p>
</div>
</article>

<hr />
<hr>

<h2>Contact</h2>
<a id="Contact"></a>
<p>I'd love to hear from you! Please feel free to contact or follow me: </p>

<!-- Contact section -->
<article id="contact">
<h2>Contact</h2>
<p>
I'd love to hear from you! Please feel free to contact or follow me:
</p>
<ol>
<li>
<a href="">LinkedIn</a>
</li>
<li>
<a href="">Instagram</a>
</li>
<li>
<a href="">Pinterest</a>
</li>
</ol>
</article>
</div>
</main>
<ol>
<li><a href>LinkedIn</a></li>
<li><a href>Instagram</a></li>
<li><a href>Pinterest</a></li>

<!-- Footer section -->
</ol>

<footer>
<p>© Pete Thinkful. All rights reserved.</p>
© Pete Thinkful. All rights reserved.
</footer>

</body>
</html>

Loading