-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (111 loc) · 5.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raznet Solutions | ICT and Web Hosting Excellence</title>
<link rel="stylesheet" href="./css/styles.css" type="text/css">
<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=Poppins:wght@600&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Font Awesome -->
</head>
<header class="hero">
<div class="overlay"></div>
<div class="hero-content">
<h1>Welcome to Raznet Solutions</h1>
<p>Your Partner in Innovative ICT and Web Hosting</p>
<a href="#about" class="cta-button">Discover More</a>
</div>
</header>
<nav class="navbar">
<a href="#about">About Us</a>
<a href="#mission">Mission</a>
<a href="#expertise">Expertise</a>
<a href="#services">Services</a>
<a href="#web-hosting">Web Hosting</a>
<a href="#team">Our Team</a>
<a href="#contact">Contact</a>
</nav>
<!-- Company Logo -->
<img src="assets/logo.jpg" alt="Raznet Solutions Logo" class="company-logo">
<main>
<section id="about" class="section fade-in">
<h2>About Raznet Solutions</h2>
<p>Raznet Solutions is a premier ICT company based in East London, South Africa. With over a decade of experience in the IT, automotive, and industrial sectors, we blend expertise in AI, data communication, and web development to empower businesses in the digital era.</p>
</section>
<section id="mission" class="section fade-in">
<h2>Our Mission</h2>
<p>To bridge the digital gap for businesses by providing accessible, innovative, and scalable digital solutions. We are committed to excellence and continuous learning to stay at the forefront of technological advancements.</p>
</section>
<section id="expertise" class="section fade-in">
<h2>Our Expertise</h2>
<div class="expertise-cards">
<div class="card">
<h3>AI & Machine Learning</h3>
<p>Our AI team specializes in data-driven solutions that enhance efficiency and predict outcomes for strategic decision-making.</p>
</div>
<div class="card">
<h3>Industrial Data Communication</h3>
<p>With expertise in industrial automation, we streamline data communication to enable seamless information flow within enterprises.</p>
</div>
<div class="card">
<h3>Web & App Development</h3>
<p>From mobile applications to complex websites, our development team creates tailored digital experiences that captivate users.</p>
</div>
</div>
</section>
<section id="services" class="section fade-in">
<h2>Our Services</h2>
<ul>
<li>Digital Agency Management</li>
<li>Search Engine Marketing (SEM)</li>
<li>AI Consultation</li>
<li>Web and Mobile App Development</li>
</ul>
</section>
<section id="web-hosting" class="section fade-in">
<h2>Web Hosting Solutions</h2>
<p>Experience reliable, secure, and flexible web hosting services designed for startups, SMEs, and established businesses. Raznet Solutions’ hosting infrastructure is optimized for performance and scalability, ensuring your online presence is always accessible.</p>
<div class="hosting-plans">
<div class="plan">
<h3><i class="fas fa-globe"></i> Basic Plan</h3>
<p>Perfect for personal websites and small blogs.</p>
<p><strong>R75/month</strong></p>
</div>
<div class="plan">
<h3><i class="fas fa-briefcase"></i> Business Plan</h3>
<p>Ideal for small to medium-sized businesses.</p>
<p><strong>R225/month</strong></p>
</div>
<div class="plan">
<h3><i class="fas fa-building"></i> Enterprise Plan</h3>
<p>Customized solutions for large-scale applications.</p>
<p><strong>Contact us for pricing</strong></p>
</div>
</div>
</section>
<section id="team" class="section fade-in">
<h2>Meet Our Team</h2>
<div class="team-grid">
<div class="team-member">
<div class="team-member">
<img src="assets/bathandwa.jpg" alt="Team Member" class="team-member-img" style="width: 150px; height: auto;">
<h4>Bathandwa S.</h4>
<p>Founder & Lead Developer</p>
</div>
<!-- Additional team members as needed -->
</div>
</section>
</main>
<footer id="contact" class="footer fade-in">
<h3>Contact Us</h3>
<p><i class="fas fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a></p>
<p><i class="fas fa-phone-alt"></i> +27 81 708 2365</p>
<p><i class="fas fa-map-marker-alt"></i> East London, South Africa</p>
<p>© <span id="year"></span> Raznet Solutions. All Rights Reserved.</p>
</footer>
<button class="scroll-up" title="Scroll to Top">↑</button>
<script src="script.js"></script>
</body>
</html>