-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (131 loc) · 4.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
<link rel="stylesheet" type="text/css" href="assets/css/landingPage.css">
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/landingPage.js"></script>
<title>Frontend Mentor | Manage landing page</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution { font-size: 11px;
text-align: center;
background: #1e1e26;
color: #fff; }
</style>
</head>
<body>
<div class="mainContainer background">
<header>
<img src="assets/images/logo.png" class="mainLogo">
<nav>
<a href="#">
Pricing
</a>
<a href="#">
Product
</a>
<a href="#">
About us
</a>
<a href="#">
Careers
</a>
<a href="#">
Community
</a>
</nav>
<button>Get Started</button>
</header>
<div class="introBlk part">
<section class="sectionLeft">
<h1>Bring everyone together to build better products.</h1>
<p>Manage make it simple for software teams to plan day-to-day tasks while keeping the larger team goals in view</p>
<button>Get Started</button>
</section>
<section class="sectionRight dashboardBlk">
<img src="assets/images/illustration-intro.png">
</section>
</div>
<div class="part">
<section class="sectionLeft">
<h1>What's different about Manage?</h1>
<p>Manage provides all the functionality your team needs, without the complexity. Our software is tailor-made for modern digital product teams.</p>
</section>
<section class="sectionRight">
<ul>
<li class=""><span class="counter">01</span> <h6>Track company-wide progress</h6>
<p>See how your day-to-day tasks fit into the wider vision. Go from tracking progress at the milestone level all the way done to the smallest of details. Never lose sight of the bigger picture again.</p>
</li>
<li class=""><span class="counter">02</span> <h6>Advanced built-in reports</h6>
<p>Set internal delivery estimates and track progress toward company goals. Our customisable dashboard helps you build out the reports you need to keep key stakeholders informed.</p>
</li>
<li class=""><span class="counter">03</span> <h6>Everything you need in one place</h6>
<p>Stop jumping from one service to another to communicate, store files, track tasks and share documents. Manage offers an all-in-one team productivity solution.</p>
</li>
</ul>
</section>
</div>
<div class="part testimonals">
<h4>What they've said</h4>
<ul class="feedbackList">
<li class="feedback">
<img src="assets/images/avatar-anisha.png">
<label>Anisha Li</label>
<p>ge has supercharged our team's workflow. The maintain visibility on larger milestones at all times keeps everyone motivated."</p>
</li>
<li class="feedback">
<img src="assets/images/avatar-ali.png">
<label>Ali Bravo</label>
<p>"We have been able to cancel so many other subscriptions since using Manage. There is no more cross-channel confusion and everyone is much more focused."</p>
</li>
<li class="feedback">
<img src="assets/images/avatar-richard.png">
<label>Richard Watts</label>
<p>"Manage allows us to provide structure and pro keeps us organized and focused. I can't stop recor them to everyone I talk to!"</p>
</li>
</ul>
<button>Get Started</button>
</div>
</div>
<footer>
<div class="firstPart">
<section class="sectionLeft">Simplify how your team works today.</section>
<section class="sectionRight"><button>Get Started</button></section>
</div>
<div class="secondPart">
<ul class="columnDesign">
<li><img src="assets/images/logo_white.png" class="mainLogo"></li>
<li class="iconList">
<a href=""><i class="fb"></i></a>
<a href=""><i class="utube"></i></a>
<a href=""><i class="xbird"></i></a>
<a href=""><i class="pint"></i></a>
<a href=""><i class="insta"></i></a>
</li>
</ul>
<ul class="columnDesign">
<li>Home</li>
<li>Pricing</li>
<li>Products</li>
<li>About Us</li>
</ul>
<ul class="columnDesign">
<li>Careers</li>
<li>Community</li>
<li>Privacy Policy</li>
</ul>
<ul class="columnDesign">
<li><input type="email" id="emailId" placeholder="Updates in your inbox..." required><button id="saveEmailId">Go</button></li>
<li class="copyright">Copyright 2020. All Rights Reserved</li>
</ul>
</div>
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="#">Abinaya Kesavan</a>.
</div>
</footer>
</body>
</html>