-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.html
131 lines (106 loc) · 3.83 KB
/
Home.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Web icon directives. -->
<link rel="apple-touch-icon" sizes="180x180" href="Assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="Assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="Assets/favicon-16x16.png">
<link rel="manifest" href="Assets/site.webmanifest">
<link rel="mask-icon" href="Assets/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#222222">
<!-- End. -->
<link rel="stylesheet" type="text/css" href="Sites/Styles/Home.css" />
<title> Rb-14: Website Splash </title>
</head>
<body>
<header>
<div class="webtitle"> CS3 Q2 Project Metaguide </div>
<!-- Redirecting links. -->
<a id="A" class="current"> Home </a>
<a id="B" href="Sites/Detail.html"> Details </a>
<a id="C" href="Sites/Author.html"> Website </a>
<a id="D" href="Sites/Filler.html"> Contact </a>
<!-- End. -->
</header>
<main id="splash">
<img src="Images/Splash_BG.jpg" />
<div class="text">
<div class="tagquote"> SET THE STAGE & </div>
<div class="tagquote"> ENJOY THE VIEW. </div>
<div class="tagline"> Find your inspirations here. Create it, work on it! </div>
</div>
<div class="button">
<a class="outlink" href="https://css-tricks.com/">
GET STARTED
</a>
</div>
</main>
<main id="expanded">
<div class="link">
<div class="preview">
<img src="Images/S_Details.jpg" />
</div>
<div class="infobox">
<div class="text">
<span class="heading"> Explore the wonders. </span>
<div class="infobody">
Confused about some tags? <br>
Enhancing your site? <br>
Find your map here!
</div>
</div>
<a class="button" id="phone" href="Sites/Detail.html"> PROCEED </a>
</div>
<a class="button" id="nonphone" href="Sites/Detail.html"> PROCEED </a>
</div>
<div class="link">
<div class="preview">
<img src="Images/S_Program.jpg" />
</div>
<div class="infobox">
<div class="text">
<span class="heading"> Curious about this site? </span>
<div class="infobody">
Only CSS is present. <br>
JS is now here for analytics! <br>
Still doubting?
</div>
</div>
<a class="button" id="phone" href="Sites/Author.html"> PROCEED </a>
</div>
<a class="button" id="nonphone" href="Sites/Author.html"> PROCEED </a>
</div>
<div class="link">
<div class="preview">
<img src="Images/S_Contact.jpg" />
</div>
<div class="infobox">
<div class="text">
<span class="heading"> Drop your queries here. </span>
<div class="infobody">
Before dropping your questions, <br>
go to W3Schoo—nevermind! <br>
Just ask here and now.
</div>
</div>
<a class="button" id="phone" href="Sites/Filler.html"> PROCEED </a>
</div>
<a class="button" id="nonphone" href="Sites/Filler.html"> PROCEED </a>
</div>
</main>
<footer>
<div class="minor details"> Rb-14: Francis Raphael Q. Sales </div>
<div class="title details"> Section 1 | Splash Introduction </div>
</footer>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158047871-1"> </script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158047871-1');
</script>
</body>
</html>