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.

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

Lesson 4 2 #37

Open
wants to merge 11 commits into
base: main
Choose a base branch
from
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
50 changes: 50 additions & 0 deletions instructions/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="lesson4-1">
<meta name="keywords" content="html">
<meta name="Roselynn" content="codeTheDream">
<title> Roselynn's Portfolio</title>
</head>
<body>
<div class="topnav">
<a href="#about">About</a>
<a href="#experience">Experience</a>
<a href="#connect">Connect</a>
</div>
<section>
<h1>About </h1>
<p><h3>Facts List about Roselynn</h3>
<ol>
<li>I loves sweets</li>
<li>I am born and raised in NYC but my family is from Ghana</li>
<li>I really want to boost my confidence when Coding</li>
<li>I want a dog but i dont want to go outside (which would make it difficult to walk the dog)</li>
</ol>
</p>
<h3>Experience</h3>
<p><ul>
<li>I created a Lash website for a client</li>
<li>I made a calculator </li>
<li>I made a tutoring website for myself</li>
</ul></p>
</section>

<section id="skills">
<h2>Skills</h2>
<ul></ul>
</section>


<section>
<h3>Connect</h3>
<a href="https://github.com/roselynn411">Github Account</a>
<p>My email is roselynnfrempong@gmail.com. My Instagram is rose.lynnn</p>
<footer id="copyright">
<p></p>
</footer>
<script src="js/index.js"></script>
</section>
</body>
</html>
17 changes: 17 additions & 0 deletions instructions/js/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
const today = new Date();
const thisYear = today.getFullYear();
var footer = document.querySelector("#copyright");
const copyright = document.createElement("p");
copyright.innerHTML = ` roselynn ${thisYear}`;
footer.appendChild(copyright);

const skills = ['Html,Css and Javascript','Drupal','Q|A with webdriversIO','Service Now'];
let skillsSection = document.getElementById("#skills")
let skillList = skillsSection.querySelector('ul') //grabs ul element from #skills

for(let i = 0; i < skills.length; i ++){
let skill = document.createElement("li")
skill.innerText = skills[i];
skillList.appendChild(skill)

}