forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
71 lines (70 loc) · 3.23 KB
/
index.html
File metadata and controls
71 lines (70 loc) · 3.23 KB
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
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Amelia Komorowska</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link
href='https://fonts.googleapis.com/css?family=Dancing Script'
rel='stylesheet'
/>
<link
href='https://fonts.googleapis.com/css?family=Akaya Telivigala'
rel='stylesheet'
/>
<link
href='https://fonts.googleapis.com/css?family=Alef'
rel='stylesheet'
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<div class="container" id="top">
<header>
<img src="amelia.jpg"
alt="Headshot picture of Amelia" />
<h1>Amelia Komorowska</h1>
<nav class="navbar">
<ul>
<li><a href="#about-me">About me</a></li>
<li><a href="#projects">My projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<article>
<div class="articles about-me" >
<h2 id="about-me">About me</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas omnis odit error obcaecati tempora dolor tempore ducimus in, placeat optio doloribus consectetur autem animi, ipsa voluptate veniam aut asperiores!Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas omnis odit error obcaecati tempora dolor tempore ducimus in, placeat optio doloribus consectetur autem animi, ipsa voluptate veniam aut asperiores!Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas omnis odit error obcaecati tempora dolor tempore ducimus in, placeat optio doloribus consectetur autem animi, ipsa voluptate veniam aut asperiores!Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas omnis odit error obcaecati tempora dolor tempore ducimus in, placeat optio doloribus consectetur autem animi, ipsa voluptate veniam aut asperiores!</p>
</div>
</article>
<article>
<div class="articles projects">
<h2 id="projects">Projects</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas omnis odit error obcaecati tempora dolor tempore ducimus in, placeat optio doloribus consectetur autem animi, ipsa voluptate veniam aut asperiores!</p>
</div>
</article>
<article>
<div class="articles contact">
<h2 id="contact">Contact</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo voluptas omnis odit error obcaecati tempora dolor tempore ducimus in, placeat optio doloribus consectetur autem animi, ipsa voluptate veniam aut asperiores!</p>
</div>
</article>
</main>
<footer class="foot">
<p>Web page designed by Amelia Komorowska as the part of the homework for HTML/CSS class organised by Code Your Future. To find out more <a href="https://codeyourfuture.io/" target="_blank">Click here</a></p>
<p><a href="#top">Top of the page</a></p>
</footer>
</div>
</body>
</html>