Nest Design is a company website aimed at providing interior design and related services. The website offers information about the company, its services, and allows users to explore and purchase design packages.
No installation required. Simply open the HTML files in a web browser.
Open the HTML files in a web browser to navigate through the website.
Contributions are not currently accepted for this project.
This project is an open-license developing using:
Click here to test the application
The project consists of HTML, CSS, and JavaScript files organized in the following structure:
project/
│
├── assets/
│ ├── style/
│ │ ├── index.css
│ │ ├── reset.css
│ │ ├── detail-page.css
│ │ └── (other CSS files)
│ ├── script/
│ │ └── index.js
│ └── img/
│ └── (image files)
├── index.html
└── services.html
- Open
index.htmlin a web browser. - Navigate through the website.
- Perform actions such as signing in, exploring services, and adding items to the cart.
- Ensure all features and functionalities work as expected.
For any inquiries or support, please contact Nest Designs at:
This project was a collaborative effort with the following contributors:
- v1.0 (November 2023): Initial release.
<header>
<div class="hamburger-icon"><i class="fa-solid fa-bars"></i></div>
<div class="container flexbox">
<div class="logo">
<a href="index.html"><h2 class="logotype"><span class="bold">NEST DESIGN</span></h2></a>
</div>
<nav>
<ul>
<li><a href="#about">About us</a></li>
<li><a href="#services">Services</a></li>
</ul>
</nav>
<div class="btn btn-1">
<a href="#ourservices"><i class="fa-solid fa-right-to-bracket"></i></i> Sign in </a>
</div>
<div class="cart">
<a href="#"><i class="fa-solid fa-cart-arrow-down"></i></a>
</div>
</div>
</header>
<div class="modal">
<div class="login__container">
<span class="icon-close">
<i class="fa-solid fa-xmark"></i>
</span>
<div class="form-box login">
<h2>Login</h2>
<form action="#">
<div class="input-box">
<span class="icon">
<i class="fa-solid fa-envelope"></i>
</span>
<input type="email" required>
<label>Email</label>
</div>
<div class="input-box">
<span class="icon">
<i class="fa-solid fa-lock"></i>
</span>
<input type="password" required>
<label>Password</label>
</div>
<div class="remember-forgot">
<label><input type="checkbox">
Remember me</label>
<a href="#">Forgot Password?</a>
</div>
<button type="submit" class="modal-button">Login</button>
<div class="login-register">
<p>
Don't have an account?
<a href="#" class="register-link">
Register
</a>
</p>
</div>
</form>
</div>