-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (114 loc) · 4.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Maxwell Nana Forson">
<meta name="description"
content="Welcome to Lzcorp Solutions, your most trusted Managed Service Provider. Feel free to browse through our services and let us know how we can be of help to you and your next projects. We have a team of dedicated industry experts all over the world ready to provide the support you need. We are just an email away.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="images/LzcorpLogo.png" type="image/x-icon">
<title>Lzcorp Solutions</title>
</head>
<body>
<div class="dark-bg white-text" id="top">
<nav class="navbar">
<div class="container">
<div class="logo"><a class="white-text" href="/">Lzcorp Solutions</a></div>
<ul class="nav-links">
<li class="nav-link"><a class="white-text" href="#services">Services</a></li>
<li class="nav-link"><a class="white-text" href="#our-team">Our Team</a></li>
<li class="nav-link"><a class="white-text" href="#testimonials">Testimonials</a></li>
<li class="nav-link"><a class="white-text contact-us" href="https://wa.me/+233594059579"
target="_blank" rel="noopener noreferrer">Contact us</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>
<!-- header and hero section -->
<header class="header container">
<div class="hero">
<div class="text">
<h2 class="hero-main">Your most trusted Managed Service Provider</h2>
<p class="hero-secondary">
We are a team of highly skilled industry experts, ready to help you
and your team bring your technological ideas to reality.
</p>
<a class="white-text contact-us contact-us-btn" href="https://wa.me/+233594059579"
target="_blank" rel="noopener noreferrer">Contact us</a>
</div>
<div class="hero-img">
<img src="images/server-room-with-tech.jpg" alt="A lady in a server room holding a laptop">
</div>
</div>
</header>
</div>
<!-- Services section -->
<section id="services" class="container mg-y-30-80 dark-text center-text">
<h2 class="heading">Our Services</h2>
<div class="items">
<div class="service">
<div><img src="images/code-pitch.jpg" alt="web development service"></div>
<p>Web Design and Development</p>
</div>
<div class="service">
<div><img src="images/configure-network-device.jpg" alt="network design and automation service">
</div>
<p>Enterprise Network Design and Automation</p>
</div>
<div class="service">
<div><img src="images/pentest-and-security.jpg" alt="security and penetration testing service">
</div>
<p>Infrastructure Security and Penetration Testing</p>
</div>
<div class="service">
<div><img src="images/corporate-training.jpg" alt="corporate training service"></div>
<p>Corporate Training</p>
</div>
</div>
</section>
<!-- Testimonials -->
<div class="gray-bg">
<section id="testimonials" class="container mg-y-50 dark-text center-text">
<h2 class="heading">Testimonials</h2>
<div class="items">
<div class="testimonial">
<p>Exceptional services, highly recommended.</p>
<p class="author">- John Doe (DevOps Engineer )</p>
</div>
<div class="testimonial">
<p>
I really appreciate the efficient and timely manner in which Lzcorp Solutions handles my
projects. It's always a pleasure working with them.
</p>
<p class="author">- Bob Manny (Software Engineer)</p>
</div>
<div class="testimonial">
<p>Thanks to Lzcorp Solutions, we now save millions of dollars on asset recovery.</p>
<p class="author">- Jane Foster (CEO of ABC Company)</p>
</div>
</div>
</section>
</div>
<!-- Call to action -->
<section class="cta mg-y-50 container">
<div class="items">
<div>
<h2>Contact us today for 25% off on your first service.</h2>
<p>We are committed to serving you better.</p>
</div>
<a class="white-text contact-us contact-us-btn" href="https://wa.me/+233594059579" target="_blank"
rel="noopener noreferrer">Contact us</a>
</div>
</section>
<!-- footer section -->
<footer class="footer dark-bg white-text">Copyright © Lzcorp Solutions 2024</footer>
<!-- script -->
<script src="script.js"></script>
</body>
</html>