-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (59 loc) · 3.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="WDD 131 - Dynamic Web Fundamentals, Albert Pessima, a web page as part of week one assignments">
<meta name="author" content="Albert Pessima">
<title>WDD 131: Dynamic Web Fundamentals - Albert Pessima</title>
<link rel="stylesheet" href="./styles/base.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&family=Sanchez&display=swap" rel="stylesheet">
<script src="./scripts/getdates.js" defer></script>
</head>
<body>
<header>
<h1>WDD 131 - Dynamic Web Fundamentals - <span class="name">Albert Pessima</span></h1>
<nav>
<a href="https://www.linkedin.com/in/albert-pessima/" target="_blank">LinkedIn</a>
<a href="https://byui.instructure.com/" target="_blank">I-Learn</a>
<a href="https://www.churchofjesuschrist.org/study/scriptures/nt/john/15?lang=eng&id=p4#p4" target="_blank">Scripture</a>
<a href="#" target="_blank">Final Project</a>
</nav>
</header>
<main>
<section class="card1">
<div class="me">
<h2 class="about-me">About Me</h2>
<img src="images/albertpessima.jpg" alt="albert-pessima" class="image1">
<p>My name is Albert Pessima.I was born in Rotifunk, Southern Sierra Leone. I currently live with my family in Freetown,
Sierra Leone. I currently work as a projet manager at a construction company. I have passion for computers, which
has led me to study software development. I enjoy spending time at the beach especially with my family and also watch a good game of football.</p>
</div>
<div class="country-info">
<h2>Freetown, Sierra Leone</h2>
<hr>
<div class="flag">
<img src="images/sierra-leone-flag.jpg" alt="flag of sierra leone" class="image2">
<p class="flag-text">Official flag of Sierra Leone</p>
</div>
<p>Sierra Leone is a small country in West African known for its rich natural resources, vibrant culture, and recent history of resilience. The population of Sierra Leone is around 8 million, with Freetown as its capital and largest city. The country is bordered by Guinea to the north and east, Liberia to the southeast, and the Atlantic Ocean to the southwest, giving it beautiful coastlines and tropical weather.</p>
</div>
</section>
<section class="card2">
<h2>Web Dev Resources</h2>
<ul>
<li><a href="https://cssgrid-generator.netlify.app" target="_blank">CSS Grid Generator</a></li>
<li><a href="https://www.codecademy.com/resources/cheatsheets/language/html-css" target="_blank">HTML & CSS Cheatsheets | Codecademy</a></li>
<li><a href="https://validator.w3.org" target="_blank">The W3C Markup Validation Service</a></li>
<li><a href="https://wireframe.cc/" target="_blank">Wireframe.cc – The Go-to Free, Online Wireframing Tool</a></li>
</ul>
</section>
</main>
<footer>
<p>©<span id="currentYear"></span> | Albert Pessima | Sierra Leone</p>
<p id="lastModified"></p>
</footer>
</body>
</html>