-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMainPage.html
85 lines (85 loc) · 6.18 KB
/
MainPage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../MainPage.html" target="_blank">
<title>Main Page</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/MainPage.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div class="main">
<header>
<h1>HTML ONLY WEBSITE</h1>
<p><a class="skip-nav" href="#Navigation" target="_self">Click here to skip the random stuff and go directly to the part where you can get a navigation to the rest of the website</a></p>
</header>
<hr>
<section>
<h3>You Can use the links below to explore the pages on your own.</h3>
<nav class="nav-bar">
<a href="Pages/WhyPage.html" target="_self"><i class="material-icons">question_mark</i>WHY</a>
<a href="PagesWhatPage.html" target="_self"><i class="material-icons">question_mark</i>WHAT</a>
<a href="Pages/AllTags.html" target="_self"><i class="material-icons">select_all</i>ALL TAGS</a>
<a href="Pages/WhatNext.html" target="_self"><i class="material-icons">next_plan</i>WHAT NEXT</a>
<a href="Pages/Links.html" target="_self" class="split"><i class="material-icons">link</i>LINKS</a>
</nav>
<hr>
<div class="table">
<table>
<caption>just a random table</caption>
<thead>
<tr>
<th>table</th>
<th> </th>
<th> </th>
</tr>
</thead>
<colgroup>
<col span="2">
</colgroup>
<tbody>
<tr>
<td><img src="Media/SantaClause.jpg" alt="Santa Clause"></td>
<td><img src="Media/GhostRider(Marked).jpg" alt="Ghost Rider"></td>
<td><img src="Media/Grimmjow.jpg" alt="Grimmjow"></td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Random Data</td>
<td>Another Random Data</td>
<td> </td>
</tr>
</tfoot>
</table>
</div>
<div class="content">
<p>The above 3 images have no specific purpose than to take up space to make this website look more filled. This was not originally the plan when i was making the design for the website on my notebook, i changed it because the previous design required a lot of css and i want this to be an HTML only website, hence the name of the website.</p>
<p>p.s. i made those pictures myself using reference images ofcourse, but yes those are mine.</p>
<hr>
<p>Yes i made the design for this webiste on my notebook before making it. Check my github for images of the notebook.</p>
<hr>
<div class="navi-area">
<h1 id="Navigation">Navigation</h1>
<h2>This is the Navigation section where you can find explanation about the pages if you want that.</h2>
<p><a href="MainPage.html"><b>The Main Page</b></a> - that's the page we are on right now, there's not much on it and you probably won't need a link for it, but <a href="MainPage.html">here</a> is one anyways.</p>
<p><a href="Pages/WhyPage.html"><b>The Why Page</b></a> - This is where i explain why i made this website in the first place, even tho there is not much on it. You can read it if you want, it's kinda cool ngl.</p>
<p><a href="Pages/WhatPage.html"><b>The What Page</b></a> - This is where i explain exactly what this website is......spoiler alert....it's an HTML only website, but you can find an overexplained version of it on that page.</p>
<h3><em>here comes the good stuff and probably the only usefull stuff</em></h3>
<p><a href="Pages/AllTags.html"><b>The All Tags Page</b></a> - This page has all the non-depricated html tags that i could find, feel free to use it as a reference if you need it.</p>
<p><a href="Pages/WhatNext.html"><b>The What Next Page</b></a> - This page has a small note on what i'm gonna do next with this website after i'm done making it.</p>
</div>
</div>
<div class="special">
<h1>Thank you and congratulations to <span>FADE</span> for being the first person to reading everything in the whole HTMLonly website T_T </h1>
<p>i was not expecting many people to read the whole thing, and if you, the person currently reading this, has read the whole thing as well, i really appreciate it, and yes i have copied the whole thing to make this website but i did write a few extra text boxs like this one, but to avoid it being a pain in the ass to find, i have highlighted them in this redish orangish color, if you think i should change anything, feel free to let me know on twitter <a href="https://twitter.com/AnikiCodes">@anikicodes</a>, yes i have a twitter now.</p>
<p>ohh right, Fade also corrected a few typos in the previous website and i accepted his pull request, if you are not fade and you find any typo, feel free to make a pull request, i would be happy to look into it.</p>
</div>
</section>
<footer>© 2023 HTML only Website <span class="separator">|</span> <a href="https://github.com/N1-San">GITHUB</a></footer>
</div>
</body>
</html>