forked from alasaijir/AVS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (64 loc) · 2.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<script >
if(window.innerWidth < 1100)
location.href='mobile.html';
</script>
<meta charset="UTF-8">
<title>AVS</title>
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Krona+One|Montserrat|Quicksand|Raleway&display=swap" rel="stylesheet">
<script desciption="scrolling">
window.onscroll = function () {
let header = document.getElementsByTagName("header")[0];
let logo = document.getElementById("headLogo");
let links = document.getElementsByClassName("headLink");
if (window.pageYOffset > 0) {
header.style.backgroundColor = "white";
logo.style.color = "#4D8BC5";
for (let i = 0; i < 3; ++i) {
links[i].style.color = "#4D8BC5";
}
} else {
header.style.backgroundColor = "transparent";
logo.style.color = "white";
for (let i = 0; i < 3; ++i) {
links[i].style.color = "white";
}
}
};
</script>
</head>
<header id="1" >
<div id="head1080">
<div id="headLogo">
<h3>AVS <span>inc.</span></h3>
</div>
<div id="emptiness"></div>
<div id="headMenu">
<div id="avram"><a href="#" class="headLink">A<span>VRAM</span></a></div>
<div id="vanya"><a href="#" class="headLink">V<span>ANYA</span></a></div>
<div id="sanya"><a href="#" class="headLink">S<span>ANYA</span></a></div>
</div>
</div>
</header>
<body>
<div id="pageOne">
<div id="pageOne1080">
<div id="pageOneText">
<h3>Want your project be high quality and made quickly? We can help!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi assumenda consectetur cupiditate deleniti dicta et excepturi magni minima obcaecati possimus quam quibusdam quis quo, reprehenderit repudiandae similique sint sit tempora!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate dolores eligendi excepturi expedita iusto possimus, praesentium quae quaerat quam reprehenderit.</p>
<form action="" id="emailButton">
<input type="text">
<button><span>SEND</span></button>
</form>
</div>
<div id="pageOneImg">
</div>
</div>
</div>
<script src="js/main.js"></script>
</body>
</html>