restructed files

FawazBinSaleem · Aug 17, 2024 · 5f17aeb · 5f17aeb
1 parent 44f988f
commit 5f17aeb
Show file tree

Hide file tree

Showing 11 changed files with 1,208 additions and 0 deletions.
diff --git a/src/components/CompanyInfo.html b/src/components/CompanyInfo.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="description" content="Company Information for a construction company based in Riyadh, Saudi Arabia.">
+    <meta name="keywords" content="construction, contract, Riyadh, Saudi Arabia, contracting, civil engineering">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/media/favicontrans.png">
+    <title>Oasis Fajr Company Information</title>
+    <link href="../styles/style.css" rel="stylesheet" type ="text/css">
+</head>
+<body>
+    <div>
+        <nav>
+            <ul>
+                <li><a aria-label="home" href="../">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg></a>
+                </li>
+                <li class="hideOnMobile"><a href="../components/index">Introduction</a></li>
+                <li class="hideOnMobile"><a href="../components/CompanyInfo">Company Information</a></li>
+                <li class="hideOnMobile"><a href="../components/vision">Vision & Mission</a></li>
+                <li class="hideOnMobile"><a href="../components/Organization">Organizational Chart</a></li>
+                <li class="hideOnMobile"><a href="../components/specialization">Specialization</a></li>
+                <li class="hideOnMobile"><a href="../components/project">Projects</a></li>
+                <li class="hideOnMobile"><a href="../components/safety">Safety & Quality</a></li>
+                <li class="hideOnMobile"><a href="../components/gallery">Gallery</a></li>
+                <li class="hideOnMobile"><a href="../components/contact">Contact</a></li>
+                <li class="menuButton" onclick="showSidebar()"><a href="#" role="button">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg></a>
+                </li>
+            </ul>
+            <ul class="sidebar">
+                <li onclick="hideSidebar()"><a aria-label="close" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></a></li>
+                <li><a href="../components/Introduction">Introduction</a></li>
+                <li><a href="../components/CompanyInfo">Company Information</a></li>
+                <li><a href="../components/vision">Vision & Mission</a></li>
+                <li><a href="../components/Organization">Organizational Chart</a></li>
+                <li><a href="../components/specialization">Specialization</a></li>
+                <li><a href="../components/project">Projects</a></li>
+                <li><a href="../components/safety">Safety & Quality</a></li>
+                <li><a href=".//gallery">Gallery</a></li>
+                <li><a href="../components/contact">Contact</a></li>
+            </ul>
+        </nav>
+    </div>
+
+<main>
+    <h1>Company as a whole:</h1>
+    <br>
+    <p>OASIS FAJR (OFE) specializes in all kinds of buildings be it commercial,
+        industrial, industrial, sports or infrastructures.
+    </p>
+    <br>
+
+    <h2>Our Sections:</h2>
+    <br>
+
+    <h3>GENERAL CIVIL CONTRACTING</h3>
+    <p>Our Company has been involved in many of the construction work fields. Our services cover:</p>
+    <ul class="custom-bullets">
+        <li>Concrete Structures</li>
+        <li>Steel Structures</li>
+        <li>Joinery Carpentry</li>
+        <li>High Quality Finishing Works</li>
+        <li>Prefabricated and Modular Building</li>
+        <li>Demolition and Earth moving</li>
+        <li>Infrastructure Services</li>
+        <li>Pavement</li>
+        <li>Civil Works and Dams roads</li>
+    </ul>
+    <br>
+
+    <h3>MECHANICAL ELECTRICAL & PLUMBING:</h3>
+    <p>We are fully capable to handle all aspects of all Mechanical Electrical HVAC and Plumbing
+        works with professional ease.<br>
+        <p>Maintenance for Residential, commercial, industrial building, and electrical design and installation as per regulations of installation.
+            Our Electrical services include FIRE ALARM installation, 
+            Operation & Maintenance according to NFPA & SAUDI (Saudi Civil Defense).</p>
+            <br>
+        <p><strong>Drainage Systems:</strong> We have a special Team for Internal Drainage system & 
+            networks, to perform as per the international & Local requirements</p>
+    <p><strong>Industrial Electrical Work:</strong>Grounding, Earth Chamber, Earth Rod, 
+        Cables XLPE/PVC into Conduit Lying, External Distribution, 
+        Cable Trays, Small Power & ELVA, Lighting, Wiring, Amps TPN Distribution Boards, 
+        Panel Boards, Switch Boards & Sub-Circuits.</p>
+
+    <p><strong>Electrical & Instrumentation:</strong> Control & Pressure Safety Valve 
+        & Other Instruments Servicing & Repairing. 
+        Maintenance, Repairing, Overhauling & Fault/ Trouble Shooting of Various kind of Pressure Safety & Control Valves.</p>
+    <br>
+
+    <h4>Water supply & Sewage System:</h4>
+    <ul class="custom-bullets">
+        <li>Water supply System & Execution of MS Steel, HOPE, CPVC & PVC PIPES, 
+            Fittings with Rubber, Solvent & Electro-Fusion Joints System.</li>
+        <li>Domestic & Centrifugal Water Booster Pumps, and Lifting Pumps installation. 
+            Valves, Drainage, Manholes, Sanitary Fixture, Water Tanks. Pipe Lines, Steel 
+            Structure, Warehouse, Tanks, Hangers, Sandwich Panels, Channels.</li>
+    </ul>
+    <br>
+    <h3>FIT OUT & DECORATION:</h3>
+    <p>Armed with extremely imaginative, innovative and experienced technicians
+         we have the in-house capability to undertake challenging assignments to satisfy the client's needs.</p>
+    <br>
+
+    <h3>LANDSCAPING & AGRICULTURE:</h3>  
+    <p>Hard & Soft Landscaping being an integral part of any project,
+         we have the capability to design and execute to satisfy the client.</p>
+
+</main>
+
+<script>
+    function showSidebar(){
+        const sidebar=document.querySelector('.sidebar')
+        sidebar.style.display='flex'
+    }
+
+   function hideSidebar(){
+    const sidebar=document.querySelector('.sidebar')
+    sidebar.style.display="none"
+   }  
+</script>
+</body>
+
+</html>
diff --git a/src/components/Introduction.html b/src/components/Introduction.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="description" content="Leading construction and contracting in Riyadh and Saudi Arabia since 2001, OASIS FAJR (OFE) delivers top-quality projects with unwavering excellence and trust.">
+    <meta name="keywords" content="construction, contract, Riyadh, Saudi Arabia, contracting, civil engineering">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/media/favicontrans.png">
+    <title>Oasis Fajr's Story</title>
+    <link href="../styles/style.css" rel="stylesheet" type ="text/css">
+</head>
+<body>
+    <div>
+        <nav>
+            <ul>
+                <li><a aria-label="home" href="../">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg></a>
+                </li>
+                <li class="hideOnMobile"><a href="../components/index">Introduction</a></li>
+                <li class="hideOnMobile"><a href="../components/CompanyInfo">Company Information</a></li>
+                <li class="hideOnMobile"><a href="../components/vision">Vision & Mission</a></li>
+                <li class="hideOnMobile"><a href="../components/Organization">Organizational Chart</a></li>
+                <li class="hideOnMobile"><a href="../components/specialization">Specialization</a></li>
+                <li class="hideOnMobile"><a href="../components/project">Projects</a></li>
+                <li class="hideOnMobile"><a href="../components/safety">Safety & Quality</a></li>
+                <li class="hideOnMobile"><a href="../components/gallery">Gallery</a></li>
+                <li class="hideOnMobile"><a href="../components/contact">Contact</a></li>
+                <li class="menuButton" onclick="showSidebar()"><a href="#" role="button">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg></a>
+                </li>
+            </ul>
+            <ul class="sidebar">
+                <li onclick="hideSidebar()"><a aria-label="close" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></a></li>
+                <li><a href="../components/Introduction">Introduction</a></li>
+                <li><a href="../components/CompanyInfo">Company Information</a></li>
+                <li><a href="../components/vision">Vision & Mission</a></li>
+                <li><a href="../components/Organization">Organizational Chart</a></li>
+                <li><a href="../components/specialization">Specialization</a></li>
+                <li><a href="../components/project">Projects</a></li>
+                <li><a href="../components/safety">Safety & Quality</a></li>
+                <li><a href=".//gallery">Gallery</a></li>
+                <li><a href="../components/contact">Contact</a></li>
+            </ul>
+        </nav>
+    </div>
+
+    <main>
+
+        <div class="content">
+            <h3 style="font-style: italic;">INTRODUCTION</h3>
+        </div>      
+        <p>Since our founding in 2001, originally known as IBN AL BALAD and AL-SEROH AL SHAMIKHA (ASAS), 
+            OASIS FAJR (OFE) has been a trusted name in the Kingdom of Saudi Arabia's contracting industry. 
+            With an unwavering commitment to excellence, 
+            we have continuously delivered successful projects that meet the highest standards of quality.</p>
+            <br>
+        <p>At OASIS FAJR (OFE), we are dedicated to evolving with the industry's 
+            ever-changing demands, ensuring that our skills and capabilities are 
+            always at the forefront. Our journey
+             is marked by a relentless pursuit of improvement, driving us to exceed expectations and set new benchmarks in construction.
+        </p>
+
+    </main>
+    <script>
+        function showSidebar(){
+            const sidebar=document.querySelector('.sidebar')
+            sidebar.style.display='flex'
+        }
+
+       function hideSidebar(){
+        const sidebar=document.querySelector('.sidebar')
+        sidebar.style.display="none"
+       }  
+    </script>
+</body>
+
+</html>
diff --git a/src/components/Organization.html b/src/components/Organization.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="description" content="Leading construction and contracting in Riyadh and Saudi Arabia since 2001, OASIS FAJR (OFE) delivers top-quality projects with unwavering excellence and trust.">
+    <meta name="keywords" content="construction, contract, Riyadh, Saudi Arabia, contracting, civil engineering">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/media/favicontrans.png">
+    <title>Oasis Fajr Management Team</title>
+    <link href="../styles/style.css" rel="stylesheet" type ="text/css">
+</head>
+<body>
+    <div>
+        <nav>
+            <ul>
+                <li><a aria-label="home" href="../">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg></a>
+                </li>
+                <li class="hideOnMobile"><a href="../components/index">Introduction</a></li>
+                <li class="hideOnMobile"><a href="../components/CompanyInfo">Company Information</a></li>
+                <li class="hideOnMobile"><a href="../components/vision">Vision & Mission</a></li>
+                <li class="hideOnMobile"><a href="../components/Organization">Organizational Chart</a></li>
+                <li class="hideOnMobile"><a href="../components/specialization">Specialization</a></li>
+                <li class="hideOnMobile"><a href="../components/project">Projects</a></li>
+                <li class="hideOnMobile"><a href="../components/safety">Safety & Quality</a></li>
+                <li class="hideOnMobile"><a href="../components/gallery">Gallery</a></li>
+                <li class="hideOnMobile"><a href="../components/contact">Contact</a></li>
+                <li class="menuButton" onclick="showSidebar()"><a href="#" role="button">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg></a>
+                </li>
+            </ul>
+            <ul class="sidebar">
+                <li onclick="hideSidebar()"><a aria-label="close" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></a></li>
+                <li><a href="../components/Introduction">Introduction</a></li>
+                <li><a href="../components/CompanyInfo">Company Information</a></li>
+                <li><a href="../components/vision">Vision & Mission</a></li>
+                <li><a href="../components/Organization">Organizational Chart</a></li>
+                <li><a href="../components/specialization">Specialization</a></li>
+                <li><a href="../components/project">Projects</a></li>
+                <li><a href="../components/safety">Safety & Quality</a></li>
+                <li><a href=".//gallery">Gallery</a></li>
+                <li><a href="../components/contact">Contact</a></li>
+            </ul>
+        </nav>
+    </div>
+
+<main>
+   <h2>MANAGEMENT TEAM:</h2>
+   <ul class="custom-bullets">
+    <li>General Manager: Mohammad Abu Khalid</li>
+    <li>Operation Manager: Saleem Ahmed</li>
+   </ul>
+    <img src="/media/orgtrans.png" width="400" height="350">
+
+</main>
+<script>
+    function showSidebar(){
+        const sidebar=document.querySelector('.sidebar')
+        sidebar.style.display='flex'
+    }
+
+   function hideSidebar(){
+    const sidebar=document.querySelector('.sidebar')
+    sidebar.style.display="none"
+   }  
+</script>
+</body>
+
+</html>
diff --git a/src/components/contact.html b/src/components/contact.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="description" content="Leading construction and contracting in Riyadh and Saudi Arabia since 2001, OASIS FAJR (OFE) delivers top-quality projects with unwavering excellence and trust.">
+    <meta name="keywords" content="construction, contract, Riyadh, Saudi Arabia, contracting, civil engineering">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/media/favicontrans.png">
+    <title>Contact Oasis Fajr</title>
+    <link href="style.css" rel="stylesheet" type ="text/css">
+</head>
+<body>
+    <div>
+        <nav>
+            <ul>
+                <li><a aria-label="home" href="./">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg></a>
+                </li>
+                <li class="hideOnMobile"><a href="./Introduction">Introduction</a></li>
+                <li class="hideOnMobile"><a href="./CompanyInfo">Company Information</a></li>
+                <li class="hideOnMobile"><a href="./vision">Vision & Mission</a></li>
+                <li class="hideOnMobile"><a href="./Organization">Organizational Chart</a></li>
+                <li class="hideOnMobile"><a href="./specialization">Specialization</a></li>
+                <li class="hideOnMobile"><a href="./project">Projects</a></li>
+                <li class="hideOnMobile"><a href="./safety">Safety & Quality</a></li>
+                <li class="hideOnMobile"><a href="./gallery">Gallery</a></li>
+                <li class="hideOnMobile"><a href="./contact">Contact</a></li>
+                <li class="menuButton" onclick="showSidebar()"><a href="#" role="button">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 -960 960 960" width="26" fill="#000000"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg></a>
+                </li>
+            </ul>
+            <ul class="sidebar">
+                <li onclick="hideSidebar()"><a aria-label="close" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></a></li>
+                <li><a href="./Introduction">Introduction</a></li>
+                <li><a href="./CompanyInfo">Company Information</a></li>
+                <li><a href="./vision">Vision & Mission</a></li>
+                <li><a href="./Organization">Organizational Chart</a></li>
+                <li><a href="./specialization">Specialization</a></li>
+                <li><a href="./project">Projects</a></li>
+                <li><a href="./safety">Safety & Quality</a></li>
+                <li><a href="./gallery">Gallery</a></li>
+                <li><a href="./contact">Contact</a></li>
+            </ul>
+        </nav>
+    </div>
+<main>
+    <div class="contact-details">
+        <h2 style="text-decoration: underline;">Contact Us:</h2>
+        <p><span style="font-weight: bold;">Firm Name:</span> OASIS FAJR Contracting & Trading</p>
+        <p><span style="font-weight: bold;">Operation Manager:</span> Saleem Ahmed</p>
+        <h3>Phone Number: <a href="tel:+966551908980" class="custom-link">+966551908980</a></h3>
+        <h3>Email: <a href="mailto:[email protected]" class="custom-link">[email protected]</a></h3>
+    </div>
+</main>
+
+<script>
+    function showSidebar(){
+        const sidebar=document.querySelector('.sidebar')
+        sidebar.style.display='flex'
+    }
+
+   function hideSidebar(){
+    const sidebar=document.querySelector('.sidebar')
+    sidebar.style.display="none"
+   }  
+</script>
+</body>
+
+</html>