html-css/index.html at master · GoVolodya/html-css · 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
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
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<title>Personal Portfolio</title>
</head>

<body>
	<header>
		<nav id="navbar">
			<li>
				<a href="#welcome-section">
					Home
				</a>
			</li>
			<li>
				<a href="#projects">
					Work
				</a>
			</li>
			<li>
				<a href="#contacts">
					Contact
				</a>
			</li>
		</nav>
	</header>
	<main>
		<section id="welcome-section">
			<h1>Hey I am Volodya</h1>
			<p>a web developer</p>
		</section>
		<section id="projects">
			<h2>These are some of my projects</h2>
			<div id="conteiner">
				<div class="project-tile">
					<div class="pro"></div>
					<h3><a href="layouts/trombones.html">Trombones</a></h3>
				</div>
				<div class="project-tile">
					<div class="pro"></div>
					<h3><a href="layouts/documentation.html">Documentation</a></h3>
				</div>
				<div class="project-tile">
					<div class="pro"></div>
					<h3><a href="layouts/tribute.html">Tribute</a></h3>
				</div>
				<div class="project-tile">
					<div class="pro"></div>
					<h3><a href="layouts/form.html">Form</a></h3>
				</div>
			</div>
			<div class="all">
				Show all <strong>></strong>
			</div>
		</section>
		<section id="contacts">
			<h1>Let's work together...</h1>
			<p>How do you take your coffee?</p>
			<a href="https://www.facebook.com/" id="profile-link" class="profile" target="_blank">
				Facebook
			</a>
			<a href="" class="profile">
				GitHub
			</a>
			<a href="" class="profile">
				Twitter
			</a>
			<a href="" class="profile">
				Send a mail
			</a>
			<a href="" class="profile">
				Call me
			</a>
			<footer>
				<span>**This is just a fake portfolio. All the projects and contact details given are not real.</span>
				<span>© Created for freeCodeCamp</span>
			</footer>
		</section>
	</main>
</body>

</html>