-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (149 loc) · 5.21 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
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<title>Spense Website</title>
</head>
<body>
<!-- header starts here -->
<header>
<div>
<div class="heading">
<i class="fa fa-birthday-cake" aria-hidden="true"></i>
<span>To celebrate Spense's lunch, we will be waving all fees for the entire month of April. <u>You will be receiving 100% of earning</u>.</span>
<i class="fa fa-birthday-cake" aria-hidden="true"></i>
</div>
</div>
</header>
<!-- header ends here -->
<!-- navbar starts here -->
<div class="navbar">
<div class="col-3">
<div class="first-nav">
<a href="#">Spense.</a>
</div>
</div>
<div class="col-6">
<div class="mid-nav">
<a href="#">Business</a>
<a href="#">Prising</a>
<a href="#">Features</a>
</div>
</div>
<div class="col-3">
<div class="login">
<button id="log">Login</button>
<button id="get">Get Started</button>
</div>
</div>
</div>
<!-- navbar ends here -->
<main id="main-section">
<section class="section-one">
<div id="left-div" class="col-8">
<h2 class="heading-2">Share your unfiltered thoughts. Get paid.</h2>
<p class="para">Spense is an open platform for invidulas to share their unfiltered thoughts. discuss the topics you love,
and get paid for doing <em> just </em> that.
</p>
<div class="list-items">
<ul>
<li>Receive 99% off the earning.</li>
<li>Get paid vaia Devit Card, ACH or PayPal.</li>
<li>Withdraw your earning anytime.</li>
</ul>
</div>
<div class="button">
<input id="input-1" type="text" placeholder="[email protected]">
<input id="input-2" type="button" value="Get Started">
</div>
</div>
<div class="col-4">
<div class="banner">
<img id="banner" src="images/picture1.png" alt="background">
</div>
</div>
</section>
<section id="section-two">
<div class="social-icon">
<img src="images/Facebook Logo.png" alt="fb-logo">
<img src="images/Slack Logo.png" alt="slack">
<img src="images/Reddit Logo.png" alt="reddit">
<img src="images/Twitter Logo.png" alt="twitter">
<img src="images/Youtube Logo.png" alt="youtube">
<img src="images/Pinterest Logo.png" alt="paint">
<img src="images/Dribbble Logo.png" alt="dribble">
<img src="images/Google Logo.png" alt="google">
</div>
</section>
<section class="sectiom-three">
<div class="banner-2">
<div class="col-6">
<h3 class="heading-3">Secure your money with Escrow.</h3>
<p class="para-2">Spense uses Escrow to secure all payments. We bwlive Escrow
efforts the heighest level of security for your payments,
so you never need to worry about scams.</p>
<button id="my-btn"><u>Learn More About Escrow <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </u></button>
</div>
</div>
</section>
<section>
<div class="section-four">
<div class="col-6">
<div class="bg-image">
</div>
</div>
<div class="col-6">
<h3 class="bg-heading">A text editor like no other. </h3>
<p class="para-2">
Our editor pulls you into focus mode with it's simplistic design and
usability so you can put out your best writings.
</p>
<button id="my-btn-1"><u> Text Editor Live Demo<i class="fa fa-long-arrow-right" aria-hidden="true"></i> </u></button>
</div>
</div>
</section>
</main>
<footer class="footer">
<div id="footer-div" class="col-4">
<h2 class="f-header">Spense.</h2>
<p class="para">Spense is an open platform for invidulas to share their unfiltered thoughts. discuss the topics you love,
and get paid for doing <em> just </em> that.
</p>
</div>
<div class="col-2">
<h3 class="last-head"> Sitemap</h3>
<ul>
<li><a href="">Homepage</a></li>
</ul>
</div>
<div class="col-2">
<h3 class="last-head">Resources</h3>
<ul>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
<div class="col-2">
<h3 class="last-head">Company</h3>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Customers</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="col-2">
<h3 class="last-head">Oppotunities</h3>
<ul>
<li> <a href="#">Job</a></li>
</ul>
</div>
</footer>/
</body>
</html>