-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (133 loc) · 4.12 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="description" content="Hi, my name is Miguel Guillermo and this is my personal website">
<meta name="keywords" content="miguelit0e, gamer, miguel guillermo, twitch, discord, coder, discord,">
<link rel="icon" href="logo.jpg" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="miguel.css">
<title>miguelit0e</title>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#specs">Specs</a>
<div class="dropdown">
<button class="dropbtn">Contact
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://www.twitch.tv/vietfarmer">Twitch</a>
<a href="https://discord.gg/Eh9kedQdEK">Discord</a>
<a href="https://www.instagram.com/migueelitoe/">Instagram</a>
<a href="https://github.com/miguelit0e">Github</a>
</div>
</div>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
<a href="darkmode.html">Dark Mode</a>
</div>
<section class="banner-area" id="home">
</section>
<section class="about-area" id="about">
<div class="text-part">
<h1>About</h1>
<br>
<p class="imgtext">Hi my name is Miguel Guillermo and i was born in the Philippines on May 13th of 2005 and my family moved here legally in the year of 2017 and it is now my 5th year here in the United States. You might know me from twitch "miguelit0e" i stream variety of games like Rust, Minecraft, etc. I also like to code and the languages that im currently learning rn is HTML, CSS, JAVASCRIPT, PHP, and i also like to build Computers as a hobby.</p>
</div>
</section>
<section class="specs-area" id="specs">
<div class="text-part">
<h1>Specifications</h1>
<ul>
<p>Gaming PC</p>
<li>-Ryzen 5 2600X 6 Cores, 12 Threads (CPU)</li>
<br>
<li>-Gigabyte B450M DS3H (Motherboard)</li>
<br>
<li>-XFX RX 580 8GB (GPU)</li>
<br>
<li>-XPG Z1 DDR4 16GB 3000MHZ (RAM)</li>
<br>
<li>-Thermaltake 500WATT (PSU)</li>
<br>
<li>-WD BLUE 1TB (HDD)</li>
<br>
<li>-Silicone Power 500GB (SSD) (WINDOWS 10 PRO)</li>
<br>
<li>-Corsair 4000D Airflow (CASE)</li>
<br>
<li>-4 Corsair RGB (FANS)</li>
<br>
<br>
<br>
<p>Peripherals</p>
<li> -Logitech G305 (MOUSE)</li>
<br>
<li>-Steelseries Apex 7 (RED SWITCHES) (KEYBOARD)</li>
<br>
<li>-HyperX XL (MOUSEPAD)</li>
<br>
<li>-Logitech G423(HEADPHONES)</li>
<br>
<li> -AOC 165HZ 1ms (MONITOR)</li>
<br>
<li> -Acer 60Hz 4ms (MONITOR)</li>
</ul>
</div>
</section>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<footer class="footer">
<div class="l-footer">
<h1><img src="logo.jpg" alt="" height="50px" width="50px"></h1>
<p>Hi I'm Miguel Guillermo and this is my Personal Website</p>
</div>
<ul class="r-footer">
<li>
<h2>
Social</h2>
<ul class="box">
<li><a href="https://www.twitch.tv/vietfarmer">Twitch</a></li>
<li><a href="https://discord.gg/Eh9kedQdEK">Discord</a></li>
<li><a href="https://www.instagram.com/migueelitoe/">Instagram</a></li>
</ul>
</li>
<li class="features">
<h2>
Information</h2>
<ul class="box h-box">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#specs">Specs</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://github.com/miguelit0e">Github</a></li>
<li><a href="#">Help</a></li>
</ul>
</li>
<li>
<h2>
Legal</h2>
<ul class="box">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Contract</a></li>
</ul>
</li>
</ul>
<div class="b-footer">
<p>All rights reserved by miguelit0e ©2021</p>
</div>
</footer>
</body>
</html>