This repository contains the official website for Al-Zain for Contracting and Engineering Consultancy (شركة الزين للمقاولات والاستشارات الهندسية), a leading Yemeni company with over 20 years of experience in engineering consultancy and contracting services. The website is designed to showcase the company’s profile, highlight its projects, and provide clients with direct access to its various engineering services. The site is fully responsive, built primarily with HTML5, CSS3, JavaScript, and Bootstrap 5, and is presented in Arabic (RTL).
Check out the live demo here: 🔗 Live Preview
Home Page | About Section | Portfolio | Contact Form
- Landing/Home Page: Describes company mission, vision, and achievements.
- Branch Locator: Details on company branches and direct contact options (phone/WhatsApp).
- Achievements Section: Highlights 20+ years of experience and thousands of completed projects.
- Services Portfolio:
- Engineering designs and planning
- Project management and supervision
- Technical support and consultancy
- Engineering safety
- Traffic safety
- Surveying works
- Project Gallery: Showcases recent and notable projects, including residential, educational, and commercial works.
- Contact Section: 24/7 open line for free consultations, with a contact form and quick-access buttons.
- Modern UI: Uses Bootstrap, Font Awesome, and custom styles for a polished, professional look.
- HTML5
- CSS3
- Bootstrap 5
- JavaScript (Vanilla)
- FontAwesome
- Google Fonts
- AOS (Animate on Scroll)
.
├── assets/ # Images and project resources
├── css/ # Custom CSS stylesheets
├── dist/ # Distribution/build files (if any)
├── js/ # JavaScript code
├── layouts/ # HTML layout/pages (services, about, contact, profile, etc.)
├── index.html # Main landing page (RTL/Arabic)
├── LICENSE # License file
├── README.md # This file
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Optional: Local HTTP server (for local testing)
-
Clone the repository:
git clone https://github.com/TareqAlKushari/Company-Website.git cd Company-Website -
Open
index.htmlin your browser:-
Double-click
index.html, or -
Serve the directory with a simple HTTP server (for full JS/CSS support):
python3 -m http.server # Then visit http://localhost:8000 in your browser
-
index.html: Main homepage, RTL and Arabic content.css/style.css: Main custom stylesheet.js/script.js: Main custom scripts.assets/images/: Logos, slides, contact images, project images, etc.layouts/: Additional HTML pages (services, about, profile, contact).
You can easily customize:
- Logo & Images: Place company branding in
assets/images/. - Services & Projects: Update content in
layouts/and relevant images inassets/storage/projects/. - Contact Details: Edit branch/contact info in
index.htmlorlayouts/contact.html.
- SEO-ready structure with semantic HTML tags
- Optimized image sizes for fast loading
- Accessible design practices
- Mobile-first responsive layout
- Backend integration for contact form
- Blog or news section
- CMS support (e.g., WordPress or Strapi)
Contributions are welcome! Fork the repo and submit a pull request.
# Fork and clone the repository
git clone https://github.com/TareqAlKushari/Company-Website.git
# Create a feature branch
git checkout -b feature-name
# Commit changes and push
git commit -m "Add new feature"
git push origin feature-nameThis project is licensed under the MIT License. See the LICENSE file for details.
Website created and maintained by Tareq AlKushari.
For business inquiries, updates, or technical issues, please use the contact section on the site or submit an issue via GitHub.
Tareq Al-Kushari GitHub • LinkedIn • Facebook • Instagram • X • Email • Portfolio Website
If you found this helpful, don't forget to star the repo and share it with others! ⭐