-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (53 loc) · 2.31 KB
/
index.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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Login </title>
<!-- fonts for sign up -->
<link href="https://fonts.googleapis.com/css?family=Exo+2:700,800" rel="stylesheet">
<!-- font-family: 'Exo 2', sans-serif; -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,800" rel="stylesheet">
<!-- font-family: 'Raleway', sans-serif; -->
<link rel = "stylesheet" href="styles/style.css">
<link rel = "stylesheet" href="styles/col.css">
<!-- placeholder image links -->
<!-- https://unsplash.it/200/300?random -->
<!-- https://placeimg.com/80/80/nature -->
</head>
<body class = "container">
<div class = "app flex">
<!-- ************************************************** -->
<!-- ****************login section******************** -->
<!-- ************************************************** -->
<div class = "main-section">
<div class="main-login-section">
<div class="header-section">
<h4>lorem ipsum doler</h4>
<h1>Become a member</h1>
<p>Lorem ipsum dolor sit amet, cum habeo facer integre te, prima tincidunt id quo. </p>
<p>Illum idque pertinacia at nam. Vel </p>
</div>
<div class="login-section">
<button class = "google row" type="button" name="button">
<span><img class = "gplus-icon" src="images/gplus.png" alt=""></span>
<span class = "login-text">sign up using google +</span>
</button>
<button class = "fb row" type="button" name="button">
<span><img class = "fb-icon" src="images/fb.png" alt=""></span>
<span class = "login-text">sign up using facebook</span>
</button>
<button class = "twitter row" type="button" name="button">
<span><img class = "twt-icon" src="images/twt.png" alt=""></span>
<span class = "login-text">sign up using twitter</span>
</button>
</div>
</div>
<div class="footer-section">
<span class="footer-text">You can also sign in using an email address</span>
<span class="email-sign-in"><a href="#">use your email</a></span>
</div>
</div>
<img class="image-section" src="https://placeimg.com/200/400/arch" alt="">
</div>
</body>
</html>