-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (87 loc) · 3.1 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/theme.css">
<!-- Removing rotating heart...
<link rel="stylesheet" type="text/css" href="css/heart.css">
-->
<style>
/* Just some Navbar code for later use
#navbar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #767676;
}
nav ul {
margin: 0px;
padding: 5px 0px 5px 30px;
}
nav li {
display: inline;
margin-right: 20px;
}
a {
text-decoration: none;
}
*/
</style>
<title>freeCodeCamp projects site</title>
</head>
<body>
<!-- Just some Navbar code for later use
<nav id="navbar">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Intro</a></li>
<li><a href="">Progress</a></li>
</ul>
</nav>
-->
<!-- Removing rotating heart...
<div class="heart" id="rotating"></div>
-->
<header>
<h1 class="main-heading">My freeCodeCamp projects site</h1>
</header>
<main>
<section id="intro">
<h2>Introduction</h2>
<p class="updated">Updated: feb 19th, 2019</p>
<p>This site is pretty empty right now, but will fill up with projects when I get to them in the curriculum.</p>
<p>I have now started on the Basic CSS part of this course, so this page is now updated with some rather simple
CSS.
</p>
<p>I want this page to reflect where I am in the course, so when I learn more CSS, javascript etc., this page
should
hopefully start to incorporate more of that and get nicer to look at and with more functionality.</p>
<p>Hope you'll tag along on the journey to become a full stack developer.</p>
<img src="images/web-1935737_1280.png" alt="Full stack developer illustration">
</section>
<section id="progress">
<h2>Part(s) in Progress</h2>
<ul>
<li>Responsive Web Design Projects</li>
<li>Basic JavaScript</li>
</ul>
<h2>Completed Parts</h2>
<ul>
<li>Introduction to Basic HTML and HTML5<br>Check out the <a href="CatPhotoApp_basicHTML.html"
target="_blank">CatPhotoApp</a>. :D</li>
<li>Introduction to Basic CSS<br>This page have been styled with some simple CSS.<br>Also did some more stuff
with
an <a href="CatPhotoApp_basicCSS.html" target="_blank">updated CatPhotoApp with more CSS</a>.</li>
<li>Applied Visual Design<br>Played around some more with the CSS for this page, but no huge changes, yet... :)
</li>
<li>Applied Accessibility<br>Have just tried to avoid color combinations with bad contrast. Will look into using
more alt-texts etc as this page evolves.</li>
<li>Responsive Web Design Principles<br>Page so far is so simple it doesn't need this yet.</li>
<li>CSS Flexbox<br>Currently not used on this page.</li>
<li>CSS Grid<br>Currently not used on this page, but I see how this can be very powerful.</li>
</ul>
</section>
</main>
</body>
</html>