-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwelcome.html
130 lines (122 loc) · 8.11 KB
/
welcome.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Smart Matrimony | Half Your Deen. All Of Our Purpose.</title>
<link rel="shortcut icon" href="./favicon.png" sizes="16x16" type="image/x-icon">
<link rel="icon" href="./favicon.png" sizes="16x16" type="image/x-icon">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<link rel="stylesheet" href="fonts/Smartmatrimony_TT_Commons_+_Futura.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="welcome">
<header class="header header--register">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-auto header__main">
<a href="#" class="d-md-none logo logo--small">
<img src="images/logo-small.svg" alt="Logo" class="logo__img">
</a>
<a href="#" class="d-none d-md-block logo">
<img src="images/logo.svg" alt="Logo" class="logo__img">
</a>
</div>
</div>
</div>
</header>
<main class="welcome__main">
<div class="welcome__main-bg" style="background-image: url('images/people-laughing.jpg');"> </div>
<div class="container welcome__main-content">
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="welcome__intro">
<h1 class="heading-primary--keep u-color-primary-lgt u-margin-bottom-small">ASALAAM<br>ALAIKUM</h1>
<p class="paragraph--huge u-color-white u-font-titles u-margin-bottom-small-2 u-margin-md-bottom-big-3">KASHIF BHATTI</p>
<p class="paragraph--big u-color-white welcome__intro-text"><span class="u-font-main-dem paragraph u-color-white paragraph--big-1">Nearly done!</span><br>You are nearly ready to begin your search. We are delighted that you have chosen us to help you find your life partner and we cannot wait to start this journey with you!<br><br>Good luck!</p>
<p class="u-font-main-dem paragraph u-color-white paragraph--big-1 u-margin-bottom-med-4 u-margin-md-bottom-small">Saima and Kashif.</p>
<div class="u-margin-bottom-smallest">
<img src="images/signature-saima.svg" alt="Signature of Saima">
</div>
<div class="u-margin-bottom-med-2 u-margin-md-bottom-null">
<img src="images/signature-kashif.svg" alt="Signature of Kashif">
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-8 u-padding-md-horizontal-null">
<div class="welcome__features">
<div class="welcome__feature">
<img src="images/your-profile.png" alt="Image" class="welcome__feature-img">
<div class="welcome__feature-copy">
<p class="paragraph--big-2-alt-2 u-color-white u-font-titles">YOUR PROFILE</p>
<p class="u-color-white">As a first step we suggest you add pictures to your profile and update as much of your profile as possible. You can do this from the My Profile page. Adding pictures and having a complete profile significantly increases the chances of successful communication with other users.</p>
</div>
</div>
<div class="welcome__feature">
<img src="images/your-partner-preferences.png" alt="Image" class="welcome__feature-img">
<div class="welcome__feature-copy">
<p class="paragraph--big-2-alt-2 u-color-white u-font-titles">YOUR PARTNER PREFERENCES</p>
<p class="u-color-white">Also take the time to update your partner preferences. This allows us to provide the most suitable matches for you which you can find on your Matches page.</p>
</div>
</div>
<div class="welcome__feature">
<img src="images/search.png" alt="Image" class="welcome__feature-img">
<div class="welcome__feature-copy">
<p class="paragraph--big-2-alt-2 u-color-white u-font-titles">SEARCH</p>
<p class="u-color-white u-margin-bottom-huge">Don’t be afraid to be proactive and start the conversation yourself! You can search for users and exchange messages with those like from the Search page. We want your search to be as effective as possible.</p>
<a href="#" class="btn btn--mobile-full btn--padding btn--bg-primary">GET STARTED</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="d-md-none footer">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 offset-sm-1 col-md-3 offset-md-0 footer__logo">
<a href="#" class="logo logo--white"><img src="images/logo.svg" alt="Logo" class="logo__img"></a>
</div>
<nav class="col-12 col-sm-10 offset-sm-1 col-md-5 offset-md-0 offset-md-1 footer__nav">
<p class="u-color-white u-font-main-bld">Smart Matrimony</p>
<div class="row">
<div class="col-7">
<p class="u-color-white">First Floor<br>85 Great Portland Street<br>London<br>W1W 7LT</p>
</div>
<div class="col-5 col-sm-4 offset-sm-1">
<ul class="footer__menu">
<li class="footer__menu-item"><a href="#" class="footer__menu-link">Legal Stuff</a></li>
<li class="footer__menu-item"><a href="#" class="footer__menu-link">FAQ's</a></li>
<li class="footer__menu-item"><a href="#" class="footer__menu-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="col-12 col-sm-10 offset-sm-1 col-md-2 offset-md-0 offset-md-1 footer__social">
<ul class="social align-items-center justify-content-start">
<li class="social__item"><a href="#" class="social__link"><i class="fab fa-facebook social__icon"></i></a></li>
<li class="social__item"><a href="#" class="social__link"><i class="fab fa-twitter social__icon"></i></a></li>
<li class="social__item"><a href="#" class="social__link"><i class="fab fa-instagram social__icon"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="d-md-none subfooter">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 offset-sm-1 col-md-12 offset-md-0">
<p class="paragraph--big u-color-gray">Smartmatrimony © 2018</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script src="js/app-dist.js"></script>
</body>
</html>