-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (153 loc) · 8.41 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
155
156
157
158
159
160
161
162
<!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">
<meta name="keywords" content="online sofware, software, faster page, site ranking, global award, safe, secure">
<meta name="description" content="Effective tools for busy administrators. Outsource your HR functions to industry-specialized HR experts, so you and your team can dedicate your time.">
<meta name="author" content="Pontus Sennerstam">
<title>Best online software firm in the world | Mattin-Lassei</title>
<script src="https://kit.fontawesome.com/124ac6c2b5.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/svg" href="img/logo.svg"/>
<link rel="stylesheet" href="css/style.min.css">
</head>
<body>
<div id="background"><img src="img/BG.png" alt="background image"></div>
<grid class="cont-grid container">
<div id="contact">
<div class="div-cont-bg"><div class="div-bg"></div></div>
<img src="img/Map.svg" alt="map image">
<div class="contact-hl">
<h2 class="content-title">We are the best <span>online software firm in the world</span> </h2>
<p class="content-bread">You can help customers in real-time across all of your channels from email, social, website, iOS, and android apps.</p>
</div>
<div class="contact-content">
<div class="hl-stats">
<span>230 k</span>
<span>40 k</span>
<span>600 k</span>
<span>80 k</span>
<p>Downloaded</p>
<p>Feedback</p>
<p>Workers</p>
<p>Contributors</p>
</div>
</div>
<div class="justifycontent-center">
<div id="contact-box">
<div class="box-text>">
<p class="p-poppins"><strong>Have any question about us?</strong></p>
<p class="content-bread">Do not hesitate to contact us</p>
</div>
<button class="content_btn">contact us</button>
</div>
</div>
</div>
<div id="content">
<div class="content-hl">
<h2 class="content-title">Effective tools for busy administrators.</h2>
<p class="content-bread">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
</div>
<div id="page_faster" class="content-border">
<img src="img/faster_icon.svg" alt="faster icon">
<p class="tools-title">Page Faster</p>
<p class="content-bread">These folk are energized with a complex problem and breaking grappling ullamco.</p>
</div>
<div id="site_ranking" class="content-border">
<img src="img/ranking_icon.svg" alt="ranking icon">
<p class="tools-title">Site Ranking</p>
<p class="content-bread">These folk are energized with a complex problem and breaking grappling ullamco.</p>
</div>
<div id="global_award" class="content-border">
<img src="img/global_icon.svg" alt="global icon">
<p class="tools-title">Global Award</p>
<p class="content-bread">These folk are energized with a complex problem and breaking grappling ullamco.</p>
</div>
<div id="safe_secure" class="content-border">
<img src="img/safe_icon.svg" alt="safe icon">
<p class="tools-title">Safe & Secure</p>
<p class="content-bread">These folk are energized with a complex problem and breaking grappling ullamco.</p>
</div>
<button class="content_btn">view all</button>
</div>
<div id="showcase">
<div class="showcaseleft">
<h1 class="headtitle">Best easy & fast digital system</h1>
<p class="bread">Outsource your HR functions to industry-specialized HR experts, so you and your team can dedicate your time.</p>
<button id="createaccount" class="content_btn">create your account</button>
</div>
<div class="showcaseright">
<div id="imgparent">
<img src="img/Objects.svg" alt="objects">
<div id="imgchild"><img src="img/Image place here.svg" alt="placeholder"></div>
</div>
</div>
</div>
<div id="process">
<div class="box"></div>
<div class="process-content">
<div class="content-hl">
<h2 class="content-title">Process flow <span>for our business </span>model</h2>
</div>
<div class="pr-items-1 border-pr-items"><span class="pr-number">01</span><p class="pr-title">Get started</p><p class="pr-bread">Donec egestas purus ut felis dignissim suscipit. Vestibulum vehicula est condimentum posuere interdum.</p></div>
<div class="pr-items-2 border-pr-items"><span class="pr-number">02</span><p class="pr-title">Build Our Mind Maps</p><p class="pr-bread">Donec egestas purus ut felis dignissim suscipit. Vestibulum vehicula est condimentum posuere interdum.</p></div>
<div class="pr-items-3 border-pr-items"><span class="pr-number">03</span><p class="pr-title">Start Up Our Ideas</p><p class="pr-bread">Donec egestas purus ut felis dignissim suscipit. Vestibulum vehicula est condimentum posuere interdum.</p></div>
</div>
</div>
<div id="news-hl">
<h2>Latest insights news <span>the industry</span></h2>
<p>You can help customers in real-time across all of your channels <span>from email, social, website, iOS, and android apps.</span></p>
</div>
<div id="navbar" class="border-under">
<div class="navstyle nav-bgcolor ">
<input type="checkbox" id="logo">
<div class="logoimg">
<label for="logo"><img src="img/logo.svg" alt="logo"></label>
<p id="company">Mattin-Lassei</p>
</div>
<div class="menu">
<ul class="linkmenu">
<a href="#showcase"><li class="navlinks">Home</li></a>
<a href="#content"><li class="navlinks">Features</li></a>
<a href="#process"><li class="navlinks">Pages</li></a>
<a href="#news-hl"><li class="navlinks">Blog</li></a>
<a href="#contact"><li class="navlinks">Contact</li></a>
</ul>
</div>
<a href="#read-more"><div class="search"><img src="img/Search.svg" alt="search icon"></div></a>
<button class="tryitfree"><p>try it free</p></button>
</div>
</div>
<div id="read-more">
<div class="read-more-content">
<div class="boxcontainer">
<div class="newsbox"></div>
</div>
<div class="dates"><p class="news-date">November 20, 2020</p></div>
<p class="content-title">Best domain name for student ever</p>
<p class="content-bread">Lorem ipsum dolor sit amet elit ed onsectetur adipiscing do eiusmod tempor incididunt ut labore </p>
<div class="readmore_btn"><button class="content_btn">Read more</button></div>
</div>
<div class="read-more-content">
<div class="boxcontainer">
<div class="newsbox"></div>
</div>
<div class="dates"><p class="news-date">October 18, 2020</p></div>
<p class="content-title">Saas Lending Solution for Loans company</p>
<p class="content-bread">Lorem ipsum dolor sit amet elit ed onsectetur adipiscing do eiusmod tempor incididunt ut labore </pdiv>
<div class="readmore_btn"><button class="content_btn">Read more</button></div>
</div>
<div class="read-more-content">
<div class="boxcontainer">
<div class="newsbox"></div>
</div>
<div class="dates"><p class="news-date">September 24, 2020</p></div>
<p class="content-title">Custom Platform for Insurance an Audit</p>
<p class="content-bread">Lorem ipsum dolor sit amet elit ed onsectetur adipiscing do eiusmod tempor incididunt ut labore </p>
<div class="readmore_btn"><button class="content_btn">Read more</button></div>
</div>
</div>
</grid>
</body>
</html>