Real Estate Dashboard - Copy this Html, Bootstrap Component to your project
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 8" /> <meta name="viewport" content="width=device width, initial scale=1.0" /> <meta http equiv="X UA Compatible" content="IE=edge" /> <title>Real Estate Website</title> <! Liên kết file CSS > <link rel="stylesheet" href="./css/style.css" /> </head> <body> <! Header > <header> <nav> <h1>VNK</h1> <ul> <li><a href="#">Home</a></li> <li><a href="#">Pages</a></li> <li><a href="#">Features</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> <div class="account"> <a href="#">Login</a> <a href="#">Signup</a> </div> </nav> </header> <! Hero Section > <section class="hero"> <h2>Awesome Solution Estate</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum. </p> <button>Learn More</button> </section> <! Search Section > <section class="search section"> <div class="search bar"> <input type="text" placeholder="Search properties" /> <button>Search</button> </div> </section> <! Features Section > <section class="features"> <div class="feature box"> <img src="/image/analysis icon.png" alt="Analysis" /> <h3>Analysis</h3> </div> <div class="feature box"> <img src="/image/coordination icon.png" alt="Coordination" /> <h3>Coordination</h3> </div> <div class="feature box"> <img src="/image/processing icon.png" alt="Processing" /> <h3>Processing</h3> </div> <div class="feature box"> <img src="/image/working icon.png" alt="Working" /> <h3>Working</h3> </div> </section> <! Listings Section > <section class="listings"> <div class="listing"> <img src="/image/a.jpg" alt="Estate 1" /> <h3>Name of Estate</h3> <p>Location: City, Street</p> <button>Read More</button> </div> <div class="listing"> <img src="/image/a.jpg" alt="Estate 2" /> <h3>Name of Estate</h3> <p>Location: City, Street</p> <button>Read More</button> </div> <div class="listing"> <img src="/image/a.jpg" alt="Estate 3" /> <h3>Name of Estate</h3> <p>Location: City, Street</p> <button>Read More</button> </div> </section> <! Map Section > <section class="map section"> <h2>Map</h2> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.0246017160757!2d106.66349927458652!3d10.778385261501716!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752ed7697d1e49%3A0x22725421428e2bc7!2zMjIwIEdyLCAyMjAgxJDGsOG7nW5nIELDrG5oIFRo4bqhaSwgUXXhuq1wIDEwLCBUaMOgbmggcGjhu5EgSOG7kyBDaGnDqm4!5e0!3m2!1svi!2s!4v1694727938927!5m2!1svi!2s" width="600" height="450" allowfullscreen="" loading="lazy" referrerpolicy="no referrer when downgrade" ></iframe> </section> <! Footer > <footer> <div class="footer section"> <h3>About Us</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="footer section"> <h3>Quick Links</h3> <ul> <li><a href="#">Alerts and Notices</a></li> <li><a href="#">Client Services</a></li> <li><a href="#">People & News</a></li> <li><a href="#">Google Elements</a></li> </ul> </div> <div class="footer section"> <h3>Get In Touch</h3> <p>66 Street, Office Fax</p> <p>Email: info@vnkrealestate.com</p> </div> </footer> </body> </html> `Base on this code. Continue generate HTML code for a Bootstrap table form with a navbar containing icons for manage account, estate type, estate, project, login history, and log login. Include header, footer, and basic CRUD functions. I would like the navigation bar to be positioned on the left side of the page."`
