Repository navigation
Expand file tree
/
Copy pathWebsite.html
More file actions
85 lines (84 loc) · 3.87 KB
/
Copy pathWebsite.html
File metadata and controls
85 lines (84 loc) · 3.87 KB
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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dionzinc Homepage</title>
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/quotes.css">
<link rel="stylesheet" href="css/message.css">
<link rel="stylesheet" href="css/homepage.css">
<link rel="stylesheet" href="css/bio.css">
<link rel="stylesheet" href="css/footer.css">
</head>
<body>
<header>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<h1>ENGRAVE'S <span class= "text_color">HUB</span></h1>
<a href="Website.html">Home</a>
<a href="Skills.html">Skills</a>
<a href="Projects.html">Projects</a>
<a href="Contact.html">Contact Me</a>
</header>
<div class="homepage">
<img src="images/forest.png" class="homeimage" alt="Forest"/>
<h1>01000101 01111000 01110011 01110000 01100101 01100011 01110100 01101111
00100000 01101101 01101111 01110010 01110100 01100101 01101101
00001010 01101001 01101110 00100000 01101101 01100101 01100100 01101001
01101111 00100000 01110011 01101001 01101100 01110110 01101001 01110011</h1>
</div>
<div class="quotes">
<img src="images/rainfall.jpg" class="images" alt="Rain Drops"/>
<p>"We often <span class="text_color">forget</span> about <br>
the <span class= "text_color">horrors</span> that made <br>
us who we are"</p>
</div>
<div class="message">
<p>Greetings! Welcome to the Engrave's Hub, a website created by Dionzinc A.K.A Vince to showcase his skills, projects, interest, and some secrets along the way.
This website is designed with two things in mind: Expression and Creativity. I wanted to create a website the encompasses all the major things I wanted
that expresses my individuality while sprinkling some technicality. I hope you can discover some of these aspects... or not. You decide!
</p>
</div>
<div class="container">
<div class="bio">
<div class="bioleft">
<img src="images/dionzinc.jpg" class="bioimage" alt="My Image"/>
</div>
<div class="bioright">
<h2>BIO</h2>
<p> Hello! My name is Vince, a computer science student <br>
from BSU - Alangilan Campus but I preferred to be <br>
called with something else like <span class="text_color"> Dion </span> or Cody. I am <br>
an innately curious individual with a diverse interests <br>
in lots of stuffs such as horror, sci-fi, metal, games, etc.
</p>
</div>
</div>
</div>
<div class="footer">
<div class="footerleft">
<h1>ENGRAVES'S <span class="text_color">HUB</span></h1>
</div>
<div class="footermid">
<p>Copyright © Engraves's Hub 2024</p>
</div>
<div class="footerright">
<div>
<img src="images/facebook.png" class="icons" alt="Facebook Icon"/>
<p class="footertext"><a href="https://www.facebook.com/profile.php?id=61570055206833" target="_blank">@Engraves_Hub</a>
</p>
</div>
<div>
<img src="images/reddit.png" class="icons" alt="Reddit Icon"/>
<p class="footertext"><a href="https://www.reddit.com/user/codyaxelbolt/" target="_blank">@codyaxel</a>
</p>
</div>
<div>
<img src="images/github.png" class="icons" alt="Github Icon"/>
<p class="footertext"><a href="https://github.com/Codyaxe"target="_blank">@Codyaxe</a>
</p>
</div>
</div>
</div>
</body>
</html>