Skip to content

Commit 0840391

Browse files
HawkSPHawkSP
authored
New e-Portfolio files
ADD: newelcome.html ADD: newhome.html ADD: newindex.html ADD: newscript.js
1 parent 9e40d3a commit 0840391

4 files changed

Lines changed: 543 additions & 0 deletions

File tree

‎newelcome.html‎

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
6+
<title>P.R.I.M.E Studios</title>
7+
<meta charset="utf-8">
8+
<meta name="PrimeStudios" content="Elliott Mitchell" />
9+
<meta name="Welcome Screen" content="1" />
10+
<style>
11+
/* Background Formating */
12+
13+
.background {
14+
width: 100%;
15+
height: 100%;
16+
background: #333;
17+
position: fixed;
18+
top: 0;
19+
left: 0;
20+
z-index: -1;
21+
}
22+
23+
/* Body Formating */
24+
25+
body {
26+
margin: 0;
27+
padding: 0;
28+
}
29+
30+
/* Welcome Text Formating */
31+
32+
.welcome {
33+
font-size: 100px;
34+
color: #ff0000;
35+
margin: 150px auto 50px auto;
36+
text-shadow: -5px 10px 10px #444;
37+
text-align: center;
38+
margin: 200px auto;
39+
font-family: "Ubuntu";
40+
}
41+
42+
/* Continue Formating */
43+
44+
.waitingforuser {
45+
font-size: 27.5px;
46+
color: rgb(255, 255, 255);
47+
font-family: "Ubuntu";
48+
text-shadow: -5px 10px 10px #444;
49+
text-align: center;
50+
margin: 200px auto;
51+
52+
}
53+
54+
/* Animtaion Formating */
55+
56+
@-webkit-keyframes redPulse {
57+
from {
58+
background-color: #ff0000;
59+
-webkit-box-shadow: 0 0 9px #333;
60+
}
61+
50% {
62+
background-color: #ff3030;
63+
-webkit-box-shadow: 0 0 18px #c70000;
64+
}
65+
to {
66+
background-color: #db2626;
67+
-webkit-box-shadow: 0 0 9px #333;
68+
}
69+
}
70+
71+
/* Button Formating */
72+
73+
.buttons {
74+
text-align: center;
75+
height: 10px;
76+
align-content: center;
77+
78+
}
79+
80+
81+
.button {
82+
-webkit-animation-name: redPulse;
83+
-webkit-animation-duration: 1s;
84+
-webkit-animation-iteration-count: infinite;
85+
font-family: "Ubuntu";
86+
font-size: 30px;
87+
text-align: center;
88+
margin-right: 0.5em;
89+
border-radius: 10px;
90+
margin: auto;
91+
text-decoration: none;
92+
color: black;
93+
94+
95+
96+
}
97+
98+
/*This is for three dots*/
99+
100+
.spinner {
101+
margin: 100px auto 0;
102+
width: 70px;
103+
text-align: center;
104+
}
105+
106+
.spinner>div {
107+
width: 18px;
108+
height: 18px;
109+
background-color: #ff0000;
110+
111+
border-radius: 100%;
112+
display: inline-block;
113+
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
114+
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
115+
}
116+
117+
.spinner .bounce1 {
118+
-webkit-animation-delay: -0.32s;
119+
animation-delay: -0.32s;
120+
}
121+
122+
.spinner .bounce2 {
123+
-webkit-animation-delay: -0.16s;
124+
animation-delay: -0.16s;
125+
}
126+
127+
/* Spinner Animation Formating */
128+
129+
@-webkit-keyframes sk-bouncedelay {
130+
0%,
131+
80%,
132+
100% {
133+
-webkit-transform: scale(0)
134+
}
135+
40% {
136+
-webkit-transform: scale(1.0)
137+
}
138+
}
139+
140+
@keyframes sk-bouncedelay {
141+
0%,
142+
80%,
143+
100% {
144+
-webkit-transform: scale(0);
145+
transform: scale(0);
146+
}
147+
40% {
148+
-webkit-transform: scale(1.0);
149+
transform: scale(1.0);
150+
}
151+
}
152+
153+
</style>
154+
</head>
155+
<title>SplashOut</title>
156+
157+
<body>
158+
<h1 class="welcome">Welcome to Prime Studios</h1>
159+
<h2 class="waitingforuser">To Proceed Click Continue</h2>
160+
<div class="background"></div>
161+
<div class="buttons">
162+
<a class="button" href="home.html">Continue</a>
163+
</div>
164+
<div class="spinner">
165+
<div class="bounce1"></div>
166+
<div class="bounce2"></div>
167+
<div class="bounce3"></div>
168+
</div>
169+
170+
</body>
171+
172+
</html>

0 commit comments

Comments
 (0)