-78%
Version :
Latest Version
hasta/
├── index.html
├── about.html
├── services.html
├── contact.html
├── assets/
│ ├── css/
│ ├── js/
│ └── images/
└── README.md
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hasta - Multipurpose HTML5 Template</title>
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<div class="logo">Hasta</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="hero" id="home">
<h1>Welcome to Hasta</h1>
<p>Your gateway to stunning web experiences.</p>
<a href="services.html" class="cta-button">Our Services</a>
</section>
<!-- About Section -->
<section class="about">
<h2>About Us</h2>
<p>Hasta is a versatile template designed for various applications, from personal portfolios to business websites. We provide a seamless experience for all users.</p>
</section>
<!-- Services Section -->
<section class="services">
<h2>Our Services</h2>
<div class="service-cards">
<div class="service-card">
<i class="fas fa-laptop-code"></i>
<h3>Web Development</h3>
<p>Creating responsive and dynamic websites tailored to your needs.</p>
</div>
<div class="service-card">
<i class="fas fa-paint-brush"></i>
<h3>Design Services</h3>
<p>Beautiful and modern designs to make your brand stand out.</p>
</div>
<div class="service-card">
<i class="fas fa-mobile-alt"></i>
<h3>Mobile App Development</h3>
<p>Developing apps that provide great user experiences.</p>
</div>
<!-- Add more services as needed -->
</div>
</section>
<!-- Contact Section -->
<section class="contact">
<h2>Contact Us</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" required>
<label for="email">Email:</label>
<input type="email" id="email" required>
<label for="message">Message:</label>
<textarea id="message" required></textarea>
<button type="submit" class="cta-button">Send Message</button>
</form>
</section>
<!-- Footer -->
<footer>
<p>© 2023 Hasta. All rights reserved.</p>
</footer>
<script src="assets/js/scripts.js"></script>
</body>
</html>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
color: #333;
background-color: #f4f4f4;
}
header {
background: #007bff;
color: white;
padding: 20px 0;
}
.container {
display: flex;
justify-content: space-between;
align-items: center;
width: 90%;
margin: auto;
}
.logo {
font-size: 24px;
font-weight: bold;
}
nav ul {
list-style-type: none;
display: flex;
margin: 0;
padding: 0;
}
nav ul li {
margin-left: 20px;
}
nav a {
color: white;
text-decoration: none;
}
.hero {
text-align: center;
padding: 80px 20px;
background: url('assets/images/hero-bg.jpg') no-repeat center center/cover;
color: white;
}
.about, .services, .contact {
padding: 50px 20px;
text-align: center;
}
.service-cards {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.service-card {
width: 250px;
margin: 20px;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.service-card i {
font-size: 40px;
color: #007bff;
}
.cta-button {
background: #28a745;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
text-decoration: none;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 20px;
}
// Placeholder for future JavaScript functionalities
console.log('Hasta template loaded.');
1. All digital products are the most recent version, with no possibility of free updates. After payment, you can request an update to the most recent version for 5 days if a new version is released. We free support within 5 days.
2. If a license is required (Excludes WHMCS license , we provide only method not license), please contact us via email or ticket for assistance with activation. Our license is only valid for activation and does not include support.
3. We provide Mobile, PHP script installation services for $19.90 / ₹1700. Please create a backup after installation as we do not support re-installation. For mobile app source code, we do not offer installation services.
4. If you have any questions, please contact us by email [email protected] or create a ticket on this page
5. Please note that any digital products presented on the website do not contain malicious code, viruses or advertising. You will receive the original files from the developers. We do not sell any products that have been downloaded from other websites.
6. The response time can last up to 6 hours.
No account yet?
Create an Account