-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
47 lines (46 loc) · 2.22 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Clothesline</title>
<style>
* { box-sizing: border-box; }
html {
background: url(public/css/images/clothes.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html, body { height: 100%; }
body {
font-family: 'Segoe UI';
margin: 0;
}
.btn {
background: #A9D290;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #8DC46C;
text-decoration: none;
}
</style>
</head>
<body>
<div style="background: rgba(0, 0, 0, 0.6); height: 100%; padding: 50px 0;">
<div style="position: absolute; width: 100%; height: 520px; top: 50%; left: 0; margin: -260px 0px 0; background: rgba(255, 255, 255, 0.1); padding: 2em; text-align: center; color: white;">
<img src="./public/css/images/logo.png" height="200">
<p>People like discovering new fashion brands, new things that match their style or enhance their wardrobe.</p>
<p>Right now, people go online and search up brands that they know (Zara, Topman etc.). But this doesn't get them anything new.</p>
<p>Welcome to the solution to this problem.</p>
<p style="padding: 1em 0;"><a href="./public" class="btn">Come in & check us out!</a></p>
<p><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fclotheslinestartup&width=430&layout=standard&action=like&show_faces=true&share=true&height=80&appId=258439600988988" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px; width: 430px;" allowTransparency="true"></iframe></p>
</div>
</div>
</body>
</html>