-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
155 lines (152 loc) · 7.84 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
<!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">
<link rel="stylesheet" href="styles.css">
<title>HMC Solutions Landing Page</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div id="header-wrapper">
<div id="logo-img-wrapper">
<img id="logo-img" src="./images/Logo Blue .jpg" alt="HMC Solutions Logo in Blue" width="150" height="125">
</div>
<div id="hero-text-wrapper">
<h1 id="hero-text">Your partner in innovation, IT solutions, and reliable IT consumables.</h1>
</div>
</div>
<ul id="navbar">
<li class="navbar-li"><a href="#core_services">Core Services</a></li>
<li class="navbar-li"><a href="#our_commitment">Our Commitment</a></li>
<li class="navbar-li"><a href="#vision">Vision</a></li>
<li class="navbar-li"><a href="#mission">Mission</a></li>
<div class="right">
<li class="navbar-li"><a href="#about_us">About Us</a></li>
<li class="navbar-li"><a href="#contact_us">Contact Us</a></li>
</ul>
<div>
</header>
</body>
<div id="hero-image"></div>
<h2>Core Services</h2>
<div id="core_services">
<div class="top_section">
<div class="cacoon">
<h3>ERP Consulting</h3>
<p class="sub_point">Experts in Sage Intacct <br>implementation and support</p>
<p class="sub_point">Streamlining financial <br>management and operations</p>
<p class="sub_point">Integrating ERP systems with <br>existing workflows for <br>maximum efficiency</p>
</div>
<div class="cacoon">
<h3>BaaS and DRaaS</h3>
<p class="sub_point">Offering integrated Veeam <br>Solutions for Backups and <br>Disaster recovery</p>
<p class="sub_point">Reliable backup services aligned <br>with international standards</p>
<p class="sub_point">Ensuring data integrity <br>and compliance with <br>robust security <br>measures</p>
</div>
<div class="cacoon">
<h3>Technology Solutions</h3>
<p class="sub_point">IT infrastructure setup <br>and optimization</p>
<p class="sub_point">Cloud migration <br>and <br>managed services</p>
<p class="sub_point">Customized software <br>development</p>
</div>
</div>
<div class="bottom_section">
<div class="cacoon">
<h3>IT Consumables Supply</h3>
<p class="sub_point">Reliable sourcing of <br>IT hardware, accessories, <br>and consumables</p>
<p class="sub_point">Competitive pricing <br>and prompt delivery</p>
<p class="sub_point">High-quality products <br>tailored to <br>business needs</p>
</div>
<div class="cacoon">
<h3>Business Advisory</h3>
<p class="sub_point">Process automation <br>and workflow optimization</p>
<p class="sub_point">Strategic planning for <br>digital transformation</p>
<p class="sub_point">Change management <br>and <br>employee training</p>
</div>
</div>
</div>
<div id="our_commitment">
<h2>Our Commitment</h2>
<div class="our_commitment">
<div class="top_section">
<div class="cacoon">
<h3>Security:</h3>
<p class="sub_point">Ensuring data <br>onfidentiality and <br>compliance with <br>industry <br>standards.</p>
</div>
<div class="cacoon">
<h3 class="bold">Customer-Centric<br>Approach: </h3>
<p class="sub_point">Building solutions <br>that align with the <br>unique needs of <br>every client.</p>
</div>
<div class="cacoon">
<h3 class="bold">Innovation:</h3>
<p class="sub_point">Leveraging the <br>latest technologies <br>to deliver <br>transformative <br>results.</p>
</div>
</div>
<div class="bottom_section">
<div class="cacoon">
<h3 class="bold">Quality:</h3>
<p class="sub_point">Supplying <br>top-grade IT consumables <br>to maintain operational <br>excellence.</p>
</div>
<div class="cacoon">
<h3 class="bold">Sustainability: </h3>
<p class="sub_point">Promoting <br>long-term success <br>through scalable <br>and <br>adaptable solutions.</p>
</div>
</div>
</div>
</div>
<div id="vision">
<h2>Vision</h2>
<div class="top_section">
<div class="cacoon">
<p class="sub_point top_spacer">To be the <br>trusted partner in <br>enabling businesses <br>to achieve <br>operational efficiency, <br>scalability,
and <br>long-term success through <br>technology-driven strategies <br>and reliable <br>IT supplies.</p>
</div>
</div>
<div id="mission">
<h2>Mission</h2>
<div class="top_section">
<div class="cacoon">
<p class="sub_point top_spacer">To provide innovative, <br>cost-effective, <br>and customized solutions <br>that simplify <br>complex business
processes, <br>enhance productivity, <br>and supply businesses <br>with essential <br>IT consumables for <br>seamless <br>operations.</p>
</div>
</div>
</div>
<div id="about_us">
<h2>About Us</h2>
<div class="top_section">
<div class="cacoon">
<p class="sub_point no_top_margin">HMC Solutions, <br>is a leading provider of <br>tailored business solutions <br>designed to empower
organizations <br>with cutting-edge technology and strategic insights. In addition to our consultancy
expertise, <br>we are a trusted supplier of <br>high-quality IT consumables, <br>supporting businesses with <br>their operational <br>needs.</p>
</div>
</div>
</div>
<div id="contact_us">
<h2>Contact Us</h2>
<div class="top_section">
<div class="cacoon_small">
<h3>Address:</h3>
<p class="sub_point">Eton House, <br>241 Le Roux Street, <br>Midrand</p>
</div>
<div class="cacoon_small">
<h3>Email:</h3>
<p class="sub_point">[email protected]</p>
</div>
<div class="cacoon_small">
<h3>Phone:</h3>
<p class="sub_point">+27 10 500 7588</p>
</div>
<div class="cacoon_small">
<h3>Website:</h3>
<p class="sub_point"><a href="http://www.hmcsolutions.co.za" target="_blank" id="web_link">http://www.hmcsolutions.co.za</a></p>
</div>
</div>
</div>
<footer>Created by TechSmart Solutions.</footer>
</body>
</html>