-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (150 loc) · 9.83 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>
<!-- Primary Meta Tags -->
<title>Zenith</title>
<meta name="title" content="Zenith">
<meta name="description" content="Zenith is a practice built with HTML, CSS and JS, full adaptive to devices or computers.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://metatags.io/">
<meta property="og:title" content="Zenith">
<meta property="og:description" content="Zenith is a practice built with HTML, CSS and JS, full adaptive to devices or computers.">
<meta property="og:image" content="/assets/images/metaimage.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://metatags.io/">
<meta property="twitter:title" content="Zenith">
<meta property="twitter:description" content="Zenith is a practice built with HTML, CSS and JS, full adaptive to devices or computers.">
<meta property="twitter:image" content="/assets/images/metaimage.png">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zenith</title>
<meta name="theme-color" content="#3c3636">
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
<script src="https://kit.fontawesome.com/bc13bbd577.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/styles.css">
<script defer src="js/scripts.js"></script>
</head>
<body>
<div class="container">
<header id="header" class="header header-principal">
<nav id="header-nav" class="header__nav">
<a href="#"><img src="assets/images/logo.svg" alt="Zenith Logo" class="header__brand"></a>
<button id="btn-toggle" class="header__btn-toggle"><i class="fas fa-bars"></i></button>
<ul id="nav-menu" class="header__nav-menu">
<li class="header__nav-item"><a href="#services" class="header__nav-link">Services</a></li>
<li class="header__nav-item"><a href="#details" class="header__nav-link">Details</a></li>
<li class="header__nav-item"><a href="#contact" class="header__nav-link">Contact</a></li>
</ul>
</nav>
</header>
<main class="main">
<a href="#services" id="go-btn" class="go-down-arrow arrow"><i id="i-arrow" class="fas fa-chevron-down"></i></a>
<div id="principal" class="creative-and-quality section-ob">
<div class="title-container"><h1 class="title principal-title">We deliver creative and quality solutions for your web presence</h1>
</div>
<p class="single-text"></p>
</div>
<div id="services" class="chrts section-ob">
<div class="branding chrts-div">
<img src="assets/images/service-icon-1.svg" class="image-icon" alt="branding">
<h2 class="chrts-subtitle subtitle">Branding</h2>
<p class="chrts-text text">Need a powerful brand for your product? We're here to create the image you need</p>
</div>
<div class="marketing chrts-div">
<img src="assets/images/service-icon-2.svg" class="image-icon" alt="marketing">
<h2 class="chrts-subtitle subtitle">Marketing</h2>
<p class="chrts-text text">Our team of specialized marketers can deliver efficient marketing camapigns</p>
</div>
<div class="development chrts-div">
<img src="assets/images/service-icon-3.svg" class="image-icon" alt="development">
<h2 class="chrts-subtitle subtitle">Development</h2>
<p class="chrts-text text">We love design and coding. Don't hesitate to get in touch if you need an app</p>
</div>
<div class="consulting chrts-div">
<img src="assets/images/service-icon-4.svg" class="image-icon" alt="consulting">
<h2 class="chrts-subtitle subtitle">Consulting</h2>
<p class="chrts-text text">We love design and coding. Don't hesitate to get in touch if you need an app</p>
</div>
</div>
<div id="details" class="ideas section-ob">
<div class="we-have-ideas">
<h2 class="ideas-subtitle subtitle">We have the ideas</h2>
<p class="ideas-text text">We love to connect and manage complex business solutions systems for small and medium sized companies globally. Partnerships represent a key pillar of our development strategy. We invest important resources to preserve them for the management long run because we truly believe in win-win collaborations.
</p>
<p class="ideas-text text">Our team is our core strength. We rely on each other's skills and experience to delivery huge value and impressive results to our most loyal customers.</p>
<div class="ideas-links">
<a href="#details" class="btn-link left">Details</a>
<a href="#contact" class="btn-link right">Contact</a>
</div>
</div>
<div class="we-can-make">
<h2 class="ideas-subtitle subtitle">We cam make them real</h2>
<p class="ideas-text text">We offer premium business software integration services to optimize business flows, reduce costs and increase revenues. We offer our services world wide. A good ERP system is mandatory for the well being of your company. It's the backbone and vital part of your company's software infrastructure no matter the industry.</p>
<ul class="ideas-list">
<li class="text">For startups which have less data and operations but need results fast</li>
<li class="text">For big companies with a lot of marketing data and daily warehouse inputs</li>
<li class="text">It's very hard to build customer trust but once you secure it then it's much easier</li>
</ul>
</div>
</div>
<div id="contact" class="contact-div section-ob">
<div class="contact">
<div class="contact-details">
<h3 class="contact-subtitle subtitle">Contact Details</h3>
<p class="contact-text text">For field sales workers there's nothing more important than a reliable interface to the company's knowledge base app. Don't hesitate to get in touch with our sales team.</p>
<div class="icon-div location">
<i class="fas fa-map-marker-alt contact-icon icon"></i>
<ul class="contact-list">
<li>Ender's Street nr 55</li>
<li>4th Floor</li>
<li>New Hampton</li>
</ul>
</div>
<div class="icon-div phone">
<i class="fas fa-mobile contact-icon icon"></i>
<ul class="contact-list">
<li><span class="span-bold">Mobile:</span> 067-554-6776</li>
<li><span class="span-bold">Office:</span> 047-554-4774</li>
</ul>
</div>
<div class="icon-div email">
<i class="far fa-envelope contact-icon icon"></i>
<ul class="contact-list">
<li><span class="span-bold">Email:</span> contact@zenith.com</li>
<li><span class="span-bold">Support:</span> support@zenith.com</li>
</ul>
</div>
</div>
</div>
<form class="contact--form">
<div class="form-group">
<input type="text" name="name" id="name" class="field field-input" required autocomplete="off" placeholder=" ">
<label for="name" class="field-label name">Name</label>
<span class="form__line"></span>
</div>
<div class="form-group">
<input type="email" name="email" id="email" class="field field-input" required autocomplete="off" placeholder=" ">
<label for="email" class="field-label email">Email</label>
<span class="form__line"></span>
</div>
<div class="form-group">
<textarea name="message" id="message" cols="30" rows="10" class="field field-textarea" required placeholder=" "></textarea>
<label for="message" class="field-label message">Your message</label>
<span class="form__line"></span>
</div>
<input type="submit" value="SUBMIT" class="field field-submit">
</form>
</div>
</main>
<footer class="footer">
<div class="footer-info">
<p class="footer-text">Created by<a href="https://github.com/IamAleKs-0010" class="footer-link" target="_blank">AleKs</a>
<p class="footer-text">- Taken from <a href="https://inovatik.com" class="footer-link" target="_blank">Inovatik</a></p></p>
</div>
</footer>
</div>
</body>
</html>