Skip to content

Main #9

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
Douglas-Green wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Main #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
1337445
created an h1 element with my name and a paragraph element detailing …
Douglas-Green Mar 20, 2024
7064951
exercise 2 homework completed
Douglas-Green Mar 20, 2024
65a8be9
exercise 3 completed
Douglas-Green Mar 20, 2024
f6e8038
exercise 4 completed
Douglas-Green Mar 20, 2024
6f8ba5e
exercise 5 completed???
Douglas-Green Mar 20, 2024
c46052d
completed work
Douglas-Green Mar 21, 2024
71130fd
Forgot to push this exercise I think
Douglas-Green Apr 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
125 changes: 62 additions & 63 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,90 +4,89 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>HTML Intro</title>
</head>
<body>
<div id="exercise1">
<!-- Complete Exercise 1 HERE -->
<h1 id="myName">DOUGLAS GREEN</h1>
<p id="myBio">
Hello everyone! My name as you can already see is Douglas Green. I am
from the Boston Massachusetts area. Lived here my whole life outside of
a few years. I have two children who I obviously love dearly. Katreina
who is 16 (yikes) and Marcus who is currently 7 years old. I have a long
background of computer systems. Though This boot-camp is the only formal
training I have received. You can think of me as mostly a hobbyist when
it comes to computer systems and software design. Moving forward, feel
free to reach out to me if you ever need any help. I do have a wide
range of knowledge when it comes to the content that we are learning in
this boot-camp at TrueCoders. I am friendly and enjoy helping others.
Can't wait to see everyone at graduation day!
</p>
</div>

<div id="exercise2">
<!-- Complete Exercise 2 HERE -->
<div class="exercise2">
<ul>
<li><a href="https://www.linkedIn.com">LinkedIn Profile</a></li>
<li><a href="https://www.truecoders.io">TrueCoders Homepage</a></li>
<li><a href="https://www.github.com">Most Visited Website</a></li>
</ul>
</div>

<div id="exercise3">
<!-- Complete Exercise 3 HERE -->
<img
src="images/example.png"
alt="A visual representation of an example image"
/>
</div>

<div id="exercise4">
<!-- Complete Exercise 4 HERE -->
<p>
I looked down at the board. "The point isn't to win?" I asked. "The
point," Bredon said grandly, "is to play a beautiful game." He lifted
his hands and shrugged, his face breaking into a beautific smile. "Why
would I want to win anything other than a beautiful game?"
I looked down at the board. "The <strong>point</strong> isn't to win?" I
asked. "The point," <span>Bredon</span> said grandly, "is to
<u>play</u> a beautiful game." He lifted his hands and shrugged, his
face breaking into a <em>beautiful</em> smile. "Why would I want to win
anything other than a beautiful game?"
</p>
</div>

<div id="exercise5">
<!-- Complete Exercise 5 HERE -->
<div>
<div>
<div>
<span>
<a href="/">Home</a>
</span>
<span>
<a href="/about">About</a>
</span>
<span>
<a href="/projects">Projects</a>
</span>
</div>
</div>
</div>

<div>
<div>
<h1>Main Heading</h1>
<p>Author.. Bio...</p>
</div>
<div>
<div>
<main>
<header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/projects">Projects</a></li>
</ul>
</nav>
</header>
<article>
<section>
<h1>Main Heading</h1>
<p>Author.. Bio...</p>
</section>
<section>
<h2>Sub Heading</h2>
<div>
<p>Lorem ipsum...</p>
</div>
</div>
<div>
<p>Lorem ipsum...</p>
</section>
<section>
<h2>Sub Heading</h2>
<p>Lorem ipsum...</p>
<div>
<h3>Another Sub Heading</h3>
<p>Lorem ipsum...</p>
</div>
</div>
</div>
</div>

<div>
<div>
<div>
<span>
<a href="/privacy">Privacy Policy</a>
</span>
<span>
<a href="/terms">Terms and Conditions</a>
</span>
</div>
</div>

<div>
<h3>Another Sub Heading</h3>
<p>Lorem ipsum...</p>
</section>
</article>
<footer>
<nav>
<ul>
<li><a href="/privacy">Privacy Policy</a></li>
<li><a href="/terms">Terms and Conditions</a></li>
</ul>
</nav>
<p>Powered by 🕯️</p>
<p>&copy; TrueCoders 2021-24</p>
</div>
</div>
</footer>
</main>
</div>

</body>
</html>
31 changes: 31 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
#myName {
font-size: 42px;
color: green;
font-family: 'Courier New', Courier, monospace;
text-align: center;
text-shadow: 2px 2px 2px #000000;
}

#myName:hover {
transform: scale(1.5);
}

#myName:active {
transform: scale(0.5);
}

#myBio {
font-size: 34px;
color: blue;
font-family: 'Courier New', Courier, monospace;
text-align: center;
text-shadow: 2px 2px 2px #000000;
}

#unOrderedList {
font-size: 24px;
color: yellow;
font-family: 'Courier New', Courier, monospace;
text-align: center;
text-shadow: 2px 2px 2px #000000;
}