-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (116 loc) · 6.69 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="This is test page demonstrates my abilities in HTML, CSS, JS">
<title>NetHunt</title>
<link rel='stylesheet'
href='https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/0.5.0/modern-normalize.min.css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,800|Open+Sans:400,800&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="dist/style.css">
</head>
<body>
<section class="hero">
<div class="hero__inner container">
<header class="hero__header">
<h1><img class="hero__logo" src="./images/logo.svg" alt="NetHunt" /></h1>
</header>
<div class="hero__main">
<div class="main">
<p class="blue">A Free E-Book</p>
<h2 class="main__title">CRM from A to Z.<br>
How to choose the right
CRM for your business</h2>
<p class="main__subtitle">Written for you by the NetHunt team</p>
<div class="form-wrapper form--mobile">
<form class="form">
<h2 class="form__title">I am ready to download
the e-book</h2>
<label>
<p class="form__input-title">Name</p>
<input class="form__input" type="text" name="name" placeholder="Enter your name" required
pattern=".{3,}" />
</label>
<label>
<p class="form__input-title">Email</p>
<input class="form__input" type="email" name="email" placeholder="Enter your email" required
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
</label>
<label>
<p class="form__input-title">Company</p>
<input class="form__input" type="text" name="company" placeholder="Enter your company"
required pattern=".{3,}" />
</label>
<button class="btn form__btn" type="submit">Download e-book <img
src="./images/shape-1.svg" alt="download icon" /></button>
</form>
</div>
<p class="main__text">Customer Relationship Management (CRM) systems are essential to any business.
CRM
helps to organize
work with customers, automate the sales process, improve the clients experience and close deals
faster. So why do thousands of companies remain fans of Excel spreadsheets?</p>
<h3>Here are three of the most obvious reasons:</h3>
<ol>
<li>1. They have never tried working with CRM.</li>
<li> 2. The integration process was too complicated. </li>
<li> 3. The CRM didn’t satisfy their expectations and business goals. </li>
</ol>
<p class="main__text">Our new e-book will help you avoid all of the aforementioned. It features
tried
and proven tips on
how to choose, implement and manage the CRM inside your company. We guarantee that once you
discover
the right CRM for your business you can’t live a day without it!
</p>
<h3>Download our e-book to discover
</h3>
<ul>
<li class="main__list-item">Basic things to know about CRM software </li>
<li class="main__list-item">How to choose the right CRM for your company </li>
<li class="main__list-item">The checklist for successful CRM implementation </li>
<li class="main__list-item">Do’s and don’ts in your work with CRM system</li>
<li class="main__list-item">Which business problems you can solve with the help of CRM </li>
<li class="main__list-item"> The list of must-have CRM features for sales and marketing teams
</li>
<li class="main__list-item"> The true cost of CRM and so much more.</li>
</ul>
</div>
<div class="form-wrapper form--desktop">
<form class="form">
<h2 class="form__title">I am ready to download
the e-book</h2>
<label>
<p class="form__input-title">Name</p>
<input class="form__input" type="text" name="name" placeholder="Enter your name" required
pattern=".{3,}" />
</label>
<label>
<p class="form__input-title">Email</p>
<input class="form__input" type="email" name="email" placeholder="Enter your email" required
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
</label>
<label>
<p class="form__input-title">Company</p>
<input class="form__input" type="text" name="company" placeholder="Enter your company"
required pattern=".{3,}" />
</label>
<button class="btn form__btn" type="submit">Download e-book <img
src="./images/shape-1.svg" alt="download icon" />
</button>
</form>
</div>
</div>
</div>
<aside class="hero__aside">
<img class="hero__aside-img" src="./images/pic1.png" alt="books">
</aside>
<button name="download" class="btn btn--fixed" type="button"><img src="./images/shape-1.svg" alt="download icon for showing form" /></button>
</section>
<footer class="footer">
</footer>
<script src="dist/script.js " defer></script>
</body>
</html>