-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (109 loc) · 5.32 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Personal Website</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="main.css">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<!-- Links -->
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Photography
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="landscape.html">Landscape</a>
<a class="dropdown-item" href="drinks.html">Drinks</a>
<a class="dropdown-item" href="people.html">People</a>
</div>
</li>
</ul>
</div>
</nav>
<br>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4 text-center">
<img class="main_img"src="photos/photo_home.jpg" >
</div>
<div class="col-sm-6 ">
<p class="text-monospace font-weight-bold">Hi, I'm Nadia</p>
<p class="text-monospace">Dreamer.Explorer.Developer.Coffee lover.</p>
<p class="text-monospace" >Lviv University of Ivan Franko Computer Science student.</p>
<p class="text-monospace">Obsessed of travelling, finding happiness in little things,art, healthy simple food,photography and coffee.</p>
<p class="text-monospace">Seeking to be inspired, to envision the unlikely, to work hard for things that are worth it, and to be surrounded by those who bring out the best in me.Say hi on Twitter <a href="https://twitter.com/thisisnadiykaa"> @nadiapadalka </a> </p>
</div></div>
<div class="row">
<div class="col-sm-4 text-center">
<a class="fa fa-facebook-square" style="font-size:36px" href = "https://www.facebook.com/profile.php?id=100004971463892" ></a>
<a class="fa fa-instagram" style="font-size:36px" href="https://www.instagram.com/nadiapadalka/"></a>
<a class="fa fa-linkedin-square" style="font-size:36px"href ="https://www.linkedin.com/in/%D0%BD%D0%B0%D0%B4%D1%96%D1%8F-%D0%BF-083795122/"></a>
<a class="fa fa-github" style="font-size:36px" href ="https://github.com/nadiapadalka"></a>
</div>
</div></div>
<div class="jumbotron text-center" style="margin-bottom:0">
<div id="demo" class="carousel slide" data-ruide="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
<li data-target="#demo" data-slide-to="3"></li>
</ul>
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img class="carousel_img" src="photos/img2.jpg" >
</div>
<div class="carousel-item">
<img class="carousel_img" src="photos/img1.jpg" >
</div>
<div class="carousel-item">
<img class="carousel_img" src="photos/img4.jpg" >
</div>
<div class="carousel-item">
<img class="carousel_img" src="photos/img3.jpg" >
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon "></span>
</a>
</div>
</div>
<div class="row_main">
<div class="col" style="background-color:#aaa;">
<h2>I'm a Software developer</h2>
<p>I'm the Computer Science student. And I love to code and in the future i'd like to be a developer.I love to solve different tasks and it also really motivates me. I'd like to say that sometimes programming is quite difficult but soo interesting.</p>
</div>
<div class="col" style="background-color:#bbb;">
<h2>I'm absolutely coffee lover</h2>
<p >I love everything which is connected with coffee. I love discovering more interesting information about it. I am also so imressed about this industry. I like to make coffee for al mambers of my family.You can see photos of coffee drinks <a href="drinks.html">there</a></p>
</div>
<div class="col" style="background-color:#ccc;">
<h2>Travel is my obsession too</h2>
<p>I love to travel very much! I love discovering a lot of new things about other countries and cultures. For now I just visited 11 countries but in the future I wil obviously visit more! It is so exciting)) </p>
</div>
</div>
</body>
</html>