Week3/index.html at master · kursadc/Week3 · GitHub

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
<!DOCTYPE html>
<html lang=>
	<head>
		<meta charset="UTF-8">
		<meta name="author" content="Kursad Ciftci">
		<meta name="discription" content="Personal Homepage">
		<title>About Me</title>
		<link href="https://fonts.googleapis.com/css?family=Pacifico|Satisfy&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="style.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

	</head>

	<body>
		<!--Navigation Bar-->
		<nav class="navbar">
            <ul>
                <li><a href="#introduction">Introduction</a></li>
            	<li><a href="#goals">Goals</a></li>
                <li><a href="#interests">Interests</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
		</nav>
		<!--Header-->
		<header id="introduction">
			<p class="header-intro">Hello</p>
			<h1 class="header-heading">I'm Kursad</h1>

		</header>
		<!--Goals section-->
		<section id="goals">
			<p>I'm a web development student with finance background.</p>
			<p>My goal is to be able to learn how to develop projects and create products that everyone love to use.</p>
		</section>
		<!--Interests section-->
		<section id="interests">
			<ul>
				<li>Programming</li>
				<img src="images\programming.jpg">
				<li>Economy</li>
				<img src="images\economy.png">
				<li>History</li>
				<img src="images\history.jpg">
			</ul>


		</section>
		<!--Footer-->
		<footer id="contact">
			<p>Let's keep in touch</p>
			<a href="https://github.com/kursadc"><i class="fa fa-github-alt" style="font-size:48px"></i></a>
			<a href="http://hackyourfuture.ca"><img src="images\hyflogo.png" style="background-color:rgb(255,0,0)"></a>
		</footer>
	</body>

</html>