Startsida Utforska Hjälp
Registrera dig Logga in
Antyrusual
/
RR_NZ-Under_Const
Bevaka 1
Stjärnmärk 0
Fork 0
Kod Ärenden 0 Pull-förfrågningar 0 Incheckningar 1 Släpp 0 Wiki
Bläddra i källkod

Final design for under construction landing page

Paul Bakulich 3 månader sedan
incheckning
a82ab4859a
13 ändrade filer med 292 tillägg och 0 borttagningar
Delad Vy Visa Diff Statistik
  1. Binär
      7cHmv4okm5zmbtYoK-4.woff2
  2. Binär
      7cHrv4okm5zmbt6TDvs7wH8.woff2
  3. Binär
      7cHrv4okm5zmbt73D_s7wH8.woff2
  4. Binär
      bgpattern.png
  5. 72 0
      css.css
  6. Binär
      fbg.png
  7. Binär
      fbg2.png
  8. 50 0
      index.html
  9. Binär
      launch.png
  10. Binär
      launchpad.png
  11. 1 0
      shake.css
  12. 169 0
      style.css
  13. Binär
      the_rocket.png

Binär
7cHmv4okm5zmbtYoK-4.woff2
Visa fil


Binär
7cHrv4okm5zmbt6TDvs7wH8.woff2
Visa fil


Binär
7cHrv4okm5zmbt73D_s7wH8.woff2
Visa fil


Binär
bgpattern.png
Visa fil


+ 72 - 0
css.css
Visa fil 

@@ -0,0 +1,72 @@
1 
+/* cyrillic */
2 
+@font-face {
3 
+  font-family: 'Exo 2';
4 
+  font-style: normal;
5 
+  font-weight: 400;
6 
+  src: local('Exo 2'), local('Exo2-Regular'), url(7cHmv4okm5zmbtYsK-4E4Q.woff2) format('woff2');
7 
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
8 
+}
9 
+/* latin-ext */
10 
+@font-face {
11 
+  font-family: 'Exo 2';
12 
+  font-style: normal;
13 
+  font-weight: 400;
14 
+  src: local('Exo 2'), local('Exo2-Regular'), url(7cHmv4okm5zmbtYmK-4E4Q.woff2) format('woff2');
15 
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
16 
+}
17 
+/* latin */
18 
+@font-face {
19 
+  font-family: 'Exo 2';
20 
+  font-style: normal;
21 
+  font-weight: 400;
22 
+  src: local('Exo 2'), local('Exo2-Regular'), url(7cHmv4okm5zmbtYoK-4.woff2) format('woff2');
23 
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
24 
+}
25 
+/* cyrillic */
26 
+@font-face {
27 
+  font-family: 'Exo 2';
28 
+  font-style: normal;
29 
+  font-weight: 600;
30 
+  src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(7cHrv4okm5zmbt73D_s_wH8RnA.woff2) format('woff2');
31 
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
32 
+}
33 
+/* latin-ext */
34 
+@font-face {
35 
+  font-family: 'Exo 2';
36 
+  font-style: normal;
37 
+  font-weight: 600;
38 
+  src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(7cHrv4okm5zmbt73D_s1wH8RnA.woff2) format('woff2');
39 
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
40 
+}
41 
+/* latin */
42 
+@font-face {
43 
+  font-family: 'Exo 2';
44 
+  font-style: normal;
45 
+  font-weight: 600;
46 
+  src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(7cHrv4okm5zmbt73D_s7wH8.woff2) format('woff2');
47 
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
48 
+}
49 
+/* cyrillic */
50 
+@font-face {
51 
+  font-family: 'Exo 2';
52 
+  font-style: normal;
53 
+  font-weight: 700;
54 
+  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(7cHrv4okm5zmbt6TDvs_wH8RnA.woff2) format('woff2');
55 
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
56 
+}
57 
+/* latin-ext */
58 
+@font-face {
59 
+  font-family: 'Exo 2';
60 
+  font-style: normal;
61 
+  font-weight: 700;
62 
+  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(7cHrv4okm5zmbt6TDvs1wH8RnA.woff2) format('woff2');
63 
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
64 
+}
65 
+/* latin */
66 
+@font-face {
67 
+  font-family: 'Exo 2';
68 
+  font-style: normal;
69 
+  font-weight: 700;
70 
+  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(7cHrv4okm5zmbt6TDvs7wH8.woff2) format('woff2');
71 
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
72 
+}

Binär
fbg.png
Visa fil


Binär
fbg2.png
Visa fil


+ 50 - 0
index.html
Visa fil 

@@ -0,0 +1,50 @@
1 
+
2 
+<!DOCTYPE html>
3 
+<html><head>
4 
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
5 
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
+        <meta charset="utf-8">
7 
+		<title>Rocket Repairs NZ</title><link rel="shortcut icon" href="launch.png">
8 
+		<meta name="description" content="Website Under Construction">
9 
+		<meta name="viewport" content="width=device-width, initial-scale=1">
10 
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
11 
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
12 
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
13 
+		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
14 
+		<link rel="stylesheet" href="style.css" type="text/css">
15 
+		<link rel="stylesheet" href="shake.css" type="text/css">
16 
+		<link rel="stylesheet" href="css.css" type="text/css">
17 
+	</head>
18 
+	<body>
19 
+		<div class="container">
20 
+			<div id="launcher" >
21 
+				<div class="page row">
22 
+					<div id="block" class=".col-sm-1 .col-md-2">
23 
+						<div id="block-text">
24 
+							<h1><span>ROCKETREPAIRS.NZ</span></h1>
25 
+							<p>
26 
+									<span class="text">Please be patient as I am working on an awesome website design! </span>
27 
+							</p>
28 
+						</div>
29 
+					</div>
30 
+					<div class="rocket .col-sm-1 .col-md-2">
31 
+						<img class="floating-rocket shake shake-little shake-constant" src="the_rocket.png" alt="Launching">
32 
+							<div class="launchpad">
33 
+								<img src="launchpad.png" alt="launchpad">
34 
+							</div>
35 
+					</div>
36 
+				</div>
37 
+			</div>
38 
+		</div>
39 
+		<footer class="footer">
40 
+
41 
+				<div id="footer_area" class="footer1">
42 
+				</div>
43 
+				<div id="footer_area" class="footer2">
44 
+						<div class="footer-copyright">© 2018-2019 Copyright:
45 
+							<a href="http://RocketRepairs.nz/"> RocketRepairs.nz</a>
46 
+						</div>
47 
+					</div>
48 
+		</footer>
49 
+</body>
50 
+</html>

Binär
launch.png
Visa fil


Binär
launchpad.png
Visa fil


Filskillnaden har hållts tillbaka eftersom den är för stor
+ 1 - 0
shake.css


+ 169 - 0
style.css
Visa fil 

@@ -0,0 +1,169 @@
1 
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
2 
+    margin: 0;
3 
+    padding: 0;
4 
+    border: 0;
5 
+    font-size: 100%;
6 
+    font: inherit;
7 
+    vertical-align: baseline;
8 
+}
9 
+/* HTML5 display-role reset for older browsers */
10 
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
11 
+body { line-height: 1 }
12 
+ol, ul { list-style: none }
13 
+blockquote, q { quotes: none }
14 
+blockquote:before, blockquote:after, q:before, q:after {
15 
+    content: '';
16 
+    content: none;
17 
+}
18 
+table {
19 
+    border-collapse: collapse;
20 
+    border-spacing: 0;
21 
+}
22 
+html, body { height: 100% }
23 
+body {
24 
+    font-family: 'Open Sans', sans-serif;
25 
+    overflow-x: hidden;
26 
+    background-color: lightgrey;
27 
+}
28 
+:focus { outline: 0 }
29 
+.rocket {
30 
+    float: right;
31 
+    padding-right: 0;
32 
+    width: 50%;
33 
+    box-sizing: border-box;
34 
+    text-align: center;
35 
+}
36 
+@-webkit-keyframes thumb {
37 
+    0% { -webkit-transform: scale(1) }
38 
+    50% { -webkit-transform: scale(0.9) }
39 
+    100% { -webkit-transform: scale(1) }
40 
+}
41 
+.rocket img:hover {
42 
+    webkit-animation-name: thumb;
43 
+    -webkit-animation-duration: 200ms;
44 
+    -webkit-transform-origin: 50% 50%;
45 
+    -webkit-animation-iteration-count: 2;
46 
+    -webkit-animation-timing-function: linear;
47 
+}
48 
+.launchpad {
49 
+    overflow: visible;
50 
+}
51 
+.launchpad img {
52 
+    margin-top: -7em;
53 
+    display: block;
54 
+}
55 
+body {
56 
+    margin: 0;
57 
+    padding: 0;
58 
+    font-family: 'Exo 2', sans-serif;
59 
+    text-transform: uppercase;
60 
+    color: #5c5c5c;
61 
+    background-image: url(bgpattern.png);
62 
+}
63 
+ol, ul {
64 
+    list-style: none;
65 
+    margin-left: 0;
66 
+}
67 
+h1 {
68 
+    font-weight: 700;
69 
+    font-size: 2rem;
70 
+    margin: 1em 0;
71 
+    color: #ff0000;
72 
+    text-decoration: none;
73 
+}
74 
+.page {
75 
+    width: 1002px;
76 
+    position: relative;
77 
+    margin: 0 auto;
78 
+}
79 
+#block-text { margin-top: 5em }
80 
+
81 
+#block {
82 
+    height: 100%;
83 
+    display: block;
84 
+    min-height: 180px;
85 
+    max-width: 500px;
86 
+    float: left;
87 
+}
88 
+p { margin: 0 }
89 
+.text {
90 
+    display: block;
91 
+    font-size: 24px;
92 
+    padding-top: 10px;
93 
+    font-weight: 600;
94 
+    line-height: 1.2;
95 
+    margin-bottom: 40px;
96 
+}
97 
+#footer_area {
98 
+    width: 100%;
99 
+    clear: both;
100 
+    padding-right: 30px;
101 
+    text-align: right;
102 
+}
103 
+.footer1 {
104 
+    background: url('fbg.png') repeat;
105 
+    min-height: 85px;
106 
+}
107 
+.footer2 {
108 
+    background: url('fbg2.png') repeat;
109 
+    height: 34px;
110 
+}
111 
+.text a {
112 
+    color: #333333;
113 
+    text-decoration: none;
114 
+}
115 
+#footer a { padding: 2px }
116 
+.text a:hover { color: #FE6514 }
117 
+.finish-mss { font-size: 24px }
118 
+.footer-copyright { color: white; padding-top: 10px; }
119 
+.footer-copyright a { color: greenyellow; }
120 
+.footer-copyright a:hover { color: #922C01 }
121 
+
122 
+/*-----------------------------------------[ 996 ]-------------------------------------*/
123 
+@media screen and (max-width:996px) {
124 
+    .page { width: 95% }
125 
+    .launchpad { width: 100%; }
126 
+    .block { width: 550px }
127 
+}
128 
+@media screen and (min-width:996px) {
129 
+    .rocket {
130 
+        padding-top: 56px;
131 
+        padding-right: 80px;
132 
+    }
133 
+}
134 
+/*-----------------------------------------[ 768 ]-------------------------------------*/
135 
+@media screen and (max-width:768px) {
136 
+    #block {
137 
+        display: block;
138 
+        overflow: hidden;
139 
+        max-height: 220px;
140 
+        width: 100%;
141 
+        float: none;
142 
+        margin: 0 auto 1.6em auto;
143 
+    }
144 
+    .rocket {
145 
+        width: 100%;
146 
+        max-width: 100%;
147 
+        padding-top: -150px !important;
148 
+        padding-left: 60px;
149 
+    }
150 
+    #block-text {
151 
+        margin-bottom: 7.8em;
152 
+        margin-top: 30px;
153 
+    }
154 
+    .block { width: 500px }
155 
+    .footer { display: none; }
156 
+}
157 
+/*-----------------------------------------[ 480 ]-------------------------------------*/
158 
+@media screen and (max-width:480px) {
159 
+    .text { font-size: 20px }
160 
+    #block-text {
161 
+        margin: 4em 0 !important;
162 
+        padding: 0 0 3em;
163 
+    }
164 
+
165 
+/*-----------------------------------------[ 320 ]-------------------------------------*/
166 
+@media screen and (max-width:320px) {
167 
+    #block-text { margin: 3em 0!important }
168 
+    .text { font-size: 170%  }
169 
+}

Binär
the_rocket.png
Visa fil