Skip to content

completed lab #110

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

completed lab #110

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
a6227a7
started lab
geormary Feb 8, 2021
89e5b64
completed lab
geormary Feb 8, 2021
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
22 changes: 11 additions & 11 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[![Pursuit Logo](https://avatars1.githubusercontent.com/u/5825944?s=200&v=4)](https://pursuit.org)

# CSS Selectors Lab
# CSS Selectors Labı

## Getting Started

Expand Down Expand Up @@ -102,16 +102,16 @@ This repo has an `about.html` file inside of it, as well as a `styles.css` file.

## CSS changes:

- Assign a class named `important` to all header tags and make them all underlined and bold.
- Give the h2 header with the text "Here are some of my Skills!" a unique id `skills-header` and make turn it RebeccaPurple in color.
- All links that end in .com should be the color green after the link is visited.
- Give the unordered list of links a class name of `links-list` and make it have a 🌐 symbol (`https://github.githubassets.com/images/icons/emoji/unicode/1f310.png`) as a bullet point.
- In all ordered lists change only the last child element to be bold.
- Give <a> elements with an href ending ".com" a hover effect of turning red.
- Give all other <a> elements with an href a hover effect of turning orange.
- Center all text inside the body.
- Give your languages unordered list an id of `language-list`, and change its font to be in italics.
- Make the second p tag in the div have the a background-color of rgba(0,0,0,.5).
- Assign a class named `important` to all header tags and make them all underlined and bold. DONE
- Give the h2 header with the text "Here are some of my Skills!" a unique id `skills-header` and make turn it RebeccaPurple in color. DONE
- All links that end in .com should be the color green after the link is visited.DONE
- Give the unordered list of links a class name of `links-list` and make it have a 🌐 symbol (`https://github.githubassets.com/images/icons/emoji/unicode/1f310.png`) as a bullet point. DONE
- In all ordered lists change only the last child element to be bold. DONE
- Give <a> elements with an href ending ".com" a hover effect of turning red. DONE
- Give all other <a> elements with an href a hover effect of turning orange. DONE
- Center all text inside the body. DONE
- Give your languages unordered list an id of `language-list`, and change its font to be in italics. DONE
- Make the second p tag in the div have the a background-color of rgba(0,0,0,.5). DONE

## Extra problems from w3school

Expand Down
16 changes: 8 additions & 8 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
</head>
<body>

<h1>Your Name Here</h1>
<h1 class="important">Your Name Here</h1>
<div>
<p>This is a bunch of information about myself. I'm from here and there and discovered my
love of programming when this happend. When I'm not working I'm busy doing this and that.
Expand All @@ -17,17 +17,17 @@ <h1>Your Name Here</h1>
<img src="https://www.breakthrough-pt.com/wp-content/uploads/2014/11/female-default-profile-photo.png" alt="" >

<div>
<h2>Here are some of my Skills!</h2>
<h2 class="important" id="skills-header">Here are some of my Skills!</h2>

<h3>Languages</h3>
<ul>
<h3 class="important">Languages</h3>
<ul id="language-list">
<li>JavaScript</li>
<li>SQL</li>
<li>HTML5</li>
<li>CSS3</li>
</ul>

<h3>Libraries</h3>
<h3 class="important">Libraries</h3>
<ol>
<li>React</li>
<li>PostgreSQL</li>
Expand All @@ -37,15 +37,15 @@ <h3>Libraries</h3>
</div>

<div>
<h2>Hardest Bug So Far</h2>
<h2 class="important">Hardest Bug So Far</h2>
<p>My hardest bug I ever came across was this infinite loop I couldn't escape.</p>
<p>I came up with a totally sick solution though by doing ...</p>
</div>

<h2>Contact Me</h2>
<h2 class="important">Contact Me</h2>
<div>Email me at: <a href="mailto:[email protected]" target="_top">[email protected]</a></div>

<ul>
<ul class="links-list">
<li><a href="https://github.com">github link</a></li>
<li><a href="https://linkedin.com">LinkedIn link</a></li>
<li><a href="https://angellist.com">Angel list link</a></li>
Expand Down
Loading