Skip to content

Commit

Permalink
Index and Style updates.
Browse files Browse the repository at this point in the history
  • Loading branch information
@jack03042
jack03042 committed Mar 26, 2024
1 parent 7559e4a commit 226141f
Show file tree
Hide file tree
Showing 2 changed files with 357 additions and 210 deletions.
174 changes: 102 additions & 72 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,102 +12,132 @@
<link rel="icon" type="image/png" href="Assets/icon _voice_.png">
</head>
<body>
<nav class="nav-container">
<div class="navbar">
<header>
<nav>
<a href="index.html">
<img class="logo" src="Assets/Group 1644.png" alt="Logo"/>
</a>
<div class="nav-links">
<div class="navbar-text">
<a href="build-solution.html">Build a Solution</a>
<a href="">How it Works</a>
<a href="#">How it Works</a>
<a href="contact.html">Contact Us</a>
<a href="">
<img src="Assets/Box.png"></img>
<a href="#">
<img src="Assets/Box.png" alt="Description of Image" />
</a>
</div>
<a href="" class="client-portal">Client Portal</a>
<a href="#" class="client-portal">Client Portal</a>
</div>
</div>
</nav>
</nav>
</header>

<div class="hero-container">
<div class="hero">
<div class="title">
<h1>Custom Voice & Hardware Solutions</h1>
</div>
<div class="slogan">
<h3>Telecom solutions from SA's #1 provider.</h3>
<main>
<div class="hero-container">
<div class="hero">
<div class="title">
<h1>Custom Voice & Hardware Solutions</h1>
</div>
<div class="slogan">
<h3>Telecom solutions for your business.</h3>
</div>
<div>
<a href="build-solution.html">Get Started</a>
</div>
</div>
<div class="action-buttons">
<a class="closed-button" href="build-solution.html">Get Started</a>
<div class="hero-img">
<img src="Assets/undraw_on_the_office_re_cxds 1.png" alt="best-provider">
</div>
</div>
<div class="hero-img">
<img src="Assets/undraw_on_the_office_re_cxds 1.png" alt="best-provider">
</div>
</div>

<div class="mission-background">
<div class="mission-container-text">
<h3>Our mission is simple:</h3>
<h4>To provide a voice solution so reliable; </h4>
<h4>You never need to think about it.</h>
<hr>
</div>
</div>

<div class="built-by-you-container">
<div class="built-by-you-container-inner">
<div class="built-by-you-container-text">
<h1>Built by you.</h1>
<h3>Configure a multi extension Cloud-PBX solution.</h3>
<h3>All you need is a stable internet connection.</h3>
<div class="segment-container">
<div class="segment-container-inner">
<img src="" alt="">
<div class="segment-container-text">
<h2>Secure</h2>
<p>All our services are on a month-to-month basis. Cancel anytime on our client portal.</p>
</div>
</div>
<div class="segment-container-inner">
<img src="" alt="">
<div class="segment-container-text">
<h2>Reliable</h2>
<p>Specialising in SIP and Cloud-PBX allows us to guarantee the best voice solution in the industry.</p>
</div>
</div>
<div class="segment-container-inner">
<img src="Assets/Group 1686.png" alt="">
<div class="segment-container-text">
<h2>Scalable</h2>
<p>Our services are designed to grow with your business. Add or remove extentions at any time.</p>
</div>
</div>
<!-- <div class="closed-button">
<a href="voice.html">How it works</a>
</div> -->
</div>
<img src="Assets/Group 1699.png" alt="Cloud-PBX">
</div>

<div class="no-contracts-container-outer">
<div class="no-contracts-container-background">
<img src="Assets/contract.png" alt="no-contracts">

<!-- <div class="mission-container">
<div class="mission-container-inner">
<p>"</p>
</div>
<div class="mission-container-text">
<h3>Our mission is simple:</h3>
<p>To provide a voice solution so reliable you never have to think about it.</p>
<hr>
</div>
<div class="mission-container-inner">
<p>"</p>
</div>
</div> -->
<div class="how-it-works">
<h1>How it works</h1>
<p>Learn how to build a simple telecoms solution for your business.</p>
</div>
<div class="no-contracts-container-inner">
<div class="no-contracts-container-text">
<h1>No Contracts.</h1>
<h3>All our services are on a month-to-month basis.</h3>
<h3>Cancel anytime on our client portal.</h3>

<div class="built-by-you-container">
<div class="built-by-you-container-inner">
<div class="built-by-you-container-text">
<h1>Built by you.</h1>
<p>Configure a multi extension Cloud-PBX solution. All you need is a stable internet connection.</p>
</div>
<div>
<a>Learn More ></a>
</div>
</div>
<!-- <div class="open-button">
<a href="voice.html">Learn More</a>
</div> -->
<img src="Assets/Group 1699.png" alt="Cloud-PBX">
</div>
</div>

<div class="end-container-outer">
<div class="end-container">
<img src="Assets/icon _voice_.png" alt="voice-icon">
<div class="end-container-inner">
<div class="end-container-text">
<h1>Reliability is our Brand.</h1>
<h3>Specialising in SIP and Cloud-PBX allows us to </h3>
<h3>guarantee the best voice solution in the industry.</h3>

<div class="no-contracts-container-outer">
<div class="no-contracts-container-background">
<img src="Assets/contract.png" alt="no-contracts">
</div>
<div class="no-contracts-container-inner">
<div class="no-contracts-container-text">
<h1>No Contracts.</h1>
<h3>All our services are on a month-to-month basis.</h3>
<h3>Cancel anytime on our client portal.</h3>
</div>
<!-- <div class="open-button">
<a href="voice.html">Contact Us</a>
<a href="voice.html">Learn More</a>
</div> -->
</div>
</div>
</div>


</body>

<div class="end-container-outer">
<div class="end-container">
<img src="Assets/icon _voice_.png" alt="voice-icon">
<div class="end-container-inner">
<div class="end-container-text">
<h1>Reliability is our Brand.</h1>
<h3>Specialising in SIP and Cloud-PBX allows us to </h3>
<h3>guarantee the best voice solution in the industry.</h3>
</div>
<!-- <div class="open-button">
<a href="voice.html">Contact Us</a>
</div> -->
</div>
</div>
</div>
</main>

<footer>
<div class="footer">
<footer>
<div class="left-footer">
<p>© 2024 VoIP Shop | All rights reserved.</p>
</div>
Expand All @@ -117,6 +147,6 @@ <h3>guarantee the best voice solution in the industry.</h3>
<div class="right-footer">
<p>Contact | Terms & Conditions | Portal</p>
</div>
</div>
</footer>
</footer>
</body>
</html>
Loading

0 comments on commit 226141f

Please sign in to comment.