-
Notifications
You must be signed in to change notification settings - Fork 0
/
streets.html
118 lines (100 loc) · 3.91 KB
/
streets.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Maverick's blog</title>
<link rel="stylesheet" href="CSS/masterStreets.css">
<link rel="shortcut icon" href="Logos/favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One|Mukta+Malar|Poppins">
</head>
<body>
<nav>
<div class="navigation-bar">
<div class="name">
<a href="main.html" id="toMain">MAVERICK</a>
</div>
<div class="dropdown">
<button class="dropbtn">PHOTOGRAPHY</button>
<div class="dropdown-content">
<a href="travel.html" class="trav">TRAVEL</a>
<a href="streets.html">STREETS</a>
</div>
</div>
<div class="dropdownSport">
<button class="dropbtnSport">SPORT</button>
<div class="dropdownSport-content">
<a href="running.html">RUNNING</a>
<a href="alpinism.html">ALPINISM</a>
</div>
</div>
<div class="aboutme">
<a href="about.html">ABOUT</a>
</div>
<div class="contactme">
<a href="contact.html">CONTACT</a>
</div>
</div>
</nav>
<!--<div class="information-total">
<div class="information-wrapper" >
<div class="information">
Country: <b>Russia</b> <br>
City: <b>Moscow</b><br>
Date: <b>12/07/18</b><br>
District: <b>Kurskii Railway</b><br>
Squad: <b>Solo</b><br>
</div>
<div class="map" style="float:right">
<iframe class="realMap" src="https://yandex.ru/map-widget/v1/-/CBBhbKwgTD" width="1250" height="140"
frameborder="1" allowfullscreen="true" ></iframe>
</div>
</div>
</div>-->
<div class="photos">
<div class="first" align="center">
<img src="Photos/woman.jpg" alt="1" width="1800" border=2px> <br><br>
<i>Woman walking and having a call</i>
</div>
<div class="second" align="center">
<img src="Photos/wheel.jpg" alt="1" width="1800" border=2px> <br><br>
<i>Man on the wheelchair</i>
</div>
<div class="last" align="center">
<img src="Photos/pirate.jpg" alt="1" width="1800" border=2px> <br><br>
<i>Pirate</i>
</div>
</div>
<div class="back-to-top" >
<div class="back" align="center">
<a href="streets.html">↑ BACK TO TOP ↑</a>
</div>
</div>
<footer class="social">
<!-- <div class="end" >
<a href="https://www.instagram.com/mavericks_brainchild/" target="_blank">
<img src="Logos/instagram-black.svg" alt="IG-logo" class="logo" ></a>
<a href="https://www.facebook.com/profile.php?id=100014060569202" target="_blank">
<img src="Logos/facebook-black.svg" alt="FB-logo" class="logo"></a>
<a href="https://www.youtube.com/channel/UC-W0MyIZcPgs-kB-8Sk4QNQ?view_as=subscriber" target="_blank">
<img src="Logos/youtube-black.svg" alt="YT-logo" class="logo"></a>
<a href="https://github.com/mvrck96" target="_blank">
<img src="Logos/github-black.svg" alt="GH-logo" class="logo"></a>
</div> -->
<div class="progress-bar-outer">
<div class="progress-container" align="left">
<div class="progress-bar" id="myBar"></div>
</div>
</div>
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
</footer>
</body>
</html>