Skip to content

Commit 9e778ed

Browse files
PreYemPreYem
authored
Add files via upload
1 parent 4751d8b commit 9e778ed

File tree

2 files changed

+101
-85
lines changed

2 files changed

+101
-85
lines changed

‎Contact.html

+100-84
Original file line numberDiff line numberDiff line change
@@ -1,110 +1,126 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
76
<title>Yem</title>
8-
<link href='Pictures/style.css' rel='stylesheet'>
9-
<link rel="icon" href="Pictures/Y_Logo.png" type="image/png">
10-
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
7+
<link href="Pictures/style.css" rel="stylesheet" />
8+
<link rel="icon" href="Pictures/Y_Logo.png" type="image/png" />
9+
<link
10+
href="https://unpkg.com/[email protected]/css/boxicons.min.css"
11+
rel="stylesheet"
12+
/>
1113
<script src="Portfolio.js" defer></script>
12-
13-
14-
</head>
14+
</head>
1515

16-
<body>
16+
<body>
1717
<header class="header">
18-
<a href="#" class="logo"><img src="Pictures/YEM.png"></a>
19-
<nav class="navbar">
20-
21-
<a href="index.html">Home</a>
22-
<a href="Contact.html">Contact</a>
23-
<div class="dropdown">
24-
<a href="#">Projects <i class="bx">▼</i></a>
25-
<div class="dropdown-content">
26-
<a href="PC_Vendor/PC_Vendor.html" target="_blank">PC Vendor</a>
27-
<a href="Projects.html">More...</a>
28-
29-
</div>
30-
</div>
31-
32-
33-
</nav>
18+
<a href="#" class="logo"><img src="Pictures/YEM.png" /></a>
19+
<nav class="navbar">
20+
<a href="index.html">Home</a>
21+
<a href="Contact.html">Contact</a>
22+
<div class="dropdown">
23+
<a href="#">Projects <i class="bx">▼</i></a>
24+
<div class="dropdown-content">
25+
<a href="PC_Vendor/PC_Vendor.html" target="_blank">PC Vendor</a>
26+
<a href="Projects.html">More...</a>
27+
</div>
28+
</div>
29+
</nav>
3430
</header>
3531
<section class="home">
36-
<div class="fill_form">
37-
<form>
38-
<label for="First_Name">First Name</label><br>
39-
<input type="text" placeholder="Your First Name..."><br><br>
40-
<label for="Last_Name">Last Name</label><br>
41-
<input type="text" placeholder="Your Last Name..."><br><br>
42-
<label for="Email">Email Adresse</label><br>
43-
<input type="email" placeholder="Your Email Adresse..."><br><br>
44-
<label>Subject</label><br>
45-
<textarea placeholder="Tell me what you have in mind..." style="height: 250px; width: 500px;"></textarea><br>
46-
<div>
47-
<input type="submit" value="Send" style="height: 30px; width: 60px;">
48-
<input type="reset" value="Reset" style="height: 30px; width: 60px;">
49-
</div>
50-
51-
</form>
52-
</div>
53-
54-
55-
32+
<div class="fill_form">
33+
<form>
34+
<label for="First_Name">First Name</label><br />
35+
<input type="text" placeholder="Your First Name..." /><br /><br />
36+
<label for="Last_Name">Last Name</label><br />
37+
<input type="text" placeholder="Your Last Name..." /><br /><br />
38+
<label for="Email">Email Adresse</label><br />
39+
<input type="email" placeholder="Your Email Adresse..." /><br /><br />
40+
<label>Subject</label><br />
41+
<textarea
42+
placeholder="Tell me what you have in mind..."
43+
style="height: 250px; width: 500px"
44+
></textarea
45+
><br />
46+
<div class="button-container">
47+
<input
48+
class="Button"
49+
type="submit"
50+
value="Send"
51+
style="height: 30px; width: 60px"
52+
/>
53+
<input
54+
class="Button"
55+
type="reset"
56+
value="Reset"
57+
style="height: 30px; width: 60px"
58+
/>
59+
</div>
60+
</form>
61+
</div>
5662
</section>
5763

58-
59-
6064
<div class="BGVideo">
61-
<video autoplay loop muted plays-inline class="BGVid">
62-
<source src="Pictures/Sona.mp4" type="video/mp4">
63-
</video>
65+
<video autoplay loop muted plays-inline class="BGVid">
66+
<source src="Pictures/Sona.mp4" type="video/mp4" />
67+
</video>
6468
</div>
6569

6670
<footer>
67-
<div class="home-sci">
68-
<a href="https://discordapp.com/users/195276785586274315" target="_blank"><i class='bx bxl-discord-alt'></i></a>
69-
<a href="https://twitter.com/Dinacti" target="_blank"><i class='bx bxl-twitter' ></i></a>
70-
<a href="https://www.youtube.com/@yem17" target="_blank"><i class='bx bxl-youtube' ></i></a>
71-
<a href="https://github.com/PreYem" target="_blank"><i class='bx bxl-github'></i></a>
72-
<a href="https://simplearmory.com/#/eu/ravencrest/yemboi/collectable/mounts" target="_blank"><i class='bx bxs-shield-alt-2'></i></a>
73-
</div>
71+
<div class="home-sci">
72+
<a
73+
href="https://discordapp.com/users/195276785586274315"
74+
target="_blank"
75+
><i class="bx bxl-discord-alt"></i
76+
></a>
77+
<a href="https://twitter.com/Dinacti" target="_blank"
78+
><i class="bx bxl-twitter"></i
79+
></a>
80+
<a href="https://www.youtube.com/@yem17" target="_blank"
81+
><i class="bx bxl-youtube"></i
82+
></a>
83+
<a href="https://github.com/PreYem" target="_blank"
84+
><i class="bx bxl-github"></i
85+
></a>
86+
<a
87+
href="https://simplearmory.com/#/eu/ravencrest/yemboi/collectable/mounts"
88+
target="_blank"
89+
><i class="bx bxs-shield-alt-2"></i
90+
></a>
91+
</div>
7492
</footer>
7593

7694
<script>
77-
document.addEventListener('DOMContentLoaded', function () {
78-
const video = document.querySelector('.BGVid');
79-
const form = document.querySelector('.fill_form')
95+
document.addEventListener("DOMContentLoaded", function () {
96+
const video = document.querySelector(".BGVid");
97+
const form = document.querySelector(".fill_form");
8098

81-
const header = document.querySelector('.header')
99+
const header = document.querySelector(".header");
82100

83-
84101
function addBlurOpacity() {
85-
video.style.transition = "filter 0.5s ease, opacity 0.5s ease";
86-
video.style.filter = "blur(15px)";
87-
video.style.opacity = "0.4";
102+
video.style.transition = "filter 0.5s ease, opacity 0.5s ease";
103+
video.style.filter = "blur(15px)";
104+
video.style.opacity = "0.4";
88105
}
89-
106+
90107
function removeBlurOpacity() {
91-
video.style.transition = "filter 0.5s ease, opacity 0.5s ease";
92-
video.style.filter = "blur(5px)";
93-
video.style.opacity = "0.8";
108+
video.style.transition = "filter 0.5s ease, opacity 0.5s ease";
109+
video.style.filter = "blur(5px)";
110+
video.style.opacity = "0.8";
94111
}
95-
96-
97-
header.addEventListener('mouseover', addBlurOpacity);
98-
header.addEventListener('mouseout', removeBlurOpacity);
99112

100-
form.addEventListener('mouseover', addBlurOpacity);
101-
form.addEventListener('mouseout', removeBlurOpacity);
102-
});
103-
</script>
113+
header.addEventListener("mouseover", addBlurOpacity);
114+
header.addEventListener("mouseout", removeBlurOpacity);
104115

116+
form.addEventListener("mouseover", addBlurOpacity);
117+
form.addEventListener("mouseout", removeBlurOpacity);
118+
});
119+
const form = document.querySelector(".fill_form");
105120

106-
</body>
107-
108-
109-
110-
</html>
121+
form.addEventListener("click", function () {
122+
this.classList.toggle("clicked");
123+
});
124+
</script>
125+
</body>
126+
</html>

‎Portfolio.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
document.addEventListener('DOMContentLoaded', function () {
22
const audio = document.getElementById('Audio_01');
3-
audio.volume = 0.1;
3+
audio.volume = 0.05;
44

55
const video = document.querySelector('.BGVid');
66
const paragraph = document.querySelector('.home-content p');

0 commit comments

Comments
 (0)