<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latest Project</title>
<link rel="icon" href="/assets/img/tab_logo.png">
<!-- BOOTSTRAP CSS CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- FONTAWESOME ICON CSS CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- OWN CSS LINKED HERE -->
<link rel="stylesheet" href="/assets/css/style.css">
</head>
<body>
<!-- NAVBAR STARTS HERE -->
<header>
<nav class="main-nav navbar navbar-expand-lg " data-aos="fade-down" data-aos-duration="3200"
data-aos-easing="ease-in-sine">
<div class="container">
<a class="navbar-brand" href="#"><strong class="main-logo">E4</strong>D4</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav own-navbar-nav own-navbar-nav2 ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#">Categories</a>
</li>
<li class="nav-item px-4">
<a class="nav-link" href="#">Business Product</a>
</li>
<li class="nav-item">
<button type="button" class="dash-btn"> <i class="bi bi-house text-white px-1"></i>
HOME</button>
</li>
<li>
<a href=""><img src="/assets/img/dashboard-img.png" alt="" class="dash-img"></a>
</li>
<li class="nav-item">
<button type="button" class="logout-btn">
LOGOUT <i class="bi bi-box-arrow-left px-1"></i></button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- NAVBAR ENDS HERE -->
<!-- PROFILE PICTURE SECTION STARTS HERE -->
<section class="profilepicure-main-section">
<div class="container d-flex flex-column justify-content-center align-items-center mb-5" data-aos="fade-up"
data-aos-duration="3200" data-aos-easing="ease-in-sine">
<div class="profilepicure-main-setting">
<div class="text-end">
<button type="button" class="dash-btn px-5">
DONE</button>
</div>
<div class="d-flex align-items-center flex-column">
<div class="text-center">
<img src="/assets/img/dashboard-img.png" alt="" class="profile-picture-img mb-3 mt-5">
<h3>Profile <strong>Picture</strong></h3>
<p class="company-loc my-3">You can upload a JPEG, PNG, or GIF file (max files size 15MB)</p>
<button type="button" class="dash-btn">
BROWSE FILE</button>
</div>
<div class="w-80">
<form class="row">
<div class="col-12 portfolio-form-design">
<label for="fname" class="form-label">Profile Name*</label>
<input type="name" class="form-control" id="inputEmail4"
placeholder="Enter Full Name...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="inputAddress" class="form-label">Suburb*</label>
<input type="text" class="form-control" id="inputAddress"
placeholder="Enter Address...">
</div>
<div
class="col-md-2 portfolio-form-design d-flex justify-content-center align-items-center form-profile-picture">
<h4 class="m-0 ">OR</h4>
</div>
<div class="col-md-4 portfolio-form-design">
<label for="ContactNumber" class="form-label">Postcode*</label>
<input type="number" class="form-control" id="ContactNumber"
placeholder="Enter Number...">
</div>
<div class="col-md-4 portfolio-form-design">
<label for="Skills" class="form-label">State*</label>
<select id="Skills" class="form-select">
<option selected>Select State...</option>
<option>...</option>
</select>
</div>
<div class="col-12 form-group portfolio-form-design">
<label for="exampleFormControlTextarea1" class="form-label">Example textarea*</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="6"></textarea>
</div>
</form>
<h5 class="fw-bold mt-5 mb-3">Additional Information</h5>
<form class="row">
<div class="col-md-6 portfolio-form-design">
<label for="fname" class="form-label">First Name*</label>
<input type="name" class="form-control" id="inputEmail4"
placeholder="Enter Full Name...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="fname" class="form-label">Last Name*</label>
<input type="name" class="form-control" id="inputEmail4"
placeholder="Enter Full Name...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="inputAddress" class="form-label">Email Address*</label>
<input type="text" class="form-control" id="inputAddress"
placeholder="Enter Address...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="ContactNumber" class="form-label">Phone Number*</label>
<input type="number" class="form-control" id="ContactNumber"
placeholder="Enter Number...">
</div>
</form>
<div class="upload-profile-documents">
<h4 class="fw-bold">Upload Documents</h4>
<p class="company-loc my-3">e.g. Copy of GST, ABN Registration or recent invoice/bill or
business lease
</p>
<button type="button" class="dash-btn ">
<i class="fa-regular fa-file px-2"></i>
ADD FILES</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- PROFILE PICTURE SECTION ENDS HERE -->
<!-- QUERRY WORKS STARTS HERE -->
<section class="call-to-action" data-aos="zoom-in-left" data-aos-duration="3200" data-aos-easing="ease-in-sine">
<div class="container">
<div class="row d-flex justify-content-center align-items-center call-to-action-row">
<div class="col-lg-6 col-md-8 col-sm-12">
<h1 class="text-white">Have Query?<br><span>Let’s Get Connected!</span></h1>
</div>
<div class="col-lg-6 col-md-8 col-sm-12">
<div class="input-group own-input-tag">
<input type="email" class="form-control pb-4" id="form-content"
placeholder="Enter Your Email Address.." aria-label="Email address"
aria-describedby="email-addon">
<span class="input-group-text pb-4" id="email-addon"><i class="bi bi-send-arrow-up"></i></span>
</div>
</div>
</div>
</div>
</section>
<!-- QUERRY WORKS ENDS HERE -->
<!-- FOOTER WORKS STARTS HERE -->
<section class="footer">
<div class="container">
<div class="row upper-footer" data-aos="fade-right" data-aos-duration="3100" data-aos-easing="ease-in-sine">
<div class="col-lg-3 footer-left">
<a class="footer-logo"><strong class="main-logo">E4</strong>D4</a>
<p class="text-white mb-2">Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry.</p>
<div class="icons d-flex gap-4 pt-3">
<a href="https://www.instagram.com" class="icon-background d-flex">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="https://www.facebook.com" class="icon-background d-flex">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://www.twitter.com" class="icon-background d-flex">
<i class="fa-brands fa-twitter"></i>
</a>
<a href="https://www.tiktok.com" class="icon-background d-flex">
<i class="fa-brands fa-tiktok"></i>
</a>
<a href="https://www.linkedin.com" class="icon-background d-flex">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</div>
</div>
<div class="col-lg-9 mobile-footer">
<div class="row footer-right">
<div class="col-lg-4 d-flex flex-column align-content-end flex-wrap gap-4 footer-links">
<h3 class="text-white">Quick Links</h3>
<ul class="text-white">
<li><a href="index">Home</a></li>
<li><a href="about">About</a></li>
<li><a href="categories">Categories</a></li>
<li><a href="business">Business</a></li>
</ul>
</div>
<div class="col-lg-4 d-flex flex-column align-content-center flex-wrap gap-4 footer-links">
<h3 class="text-white">Business</h3>
<ul class="text-white">
<li><a href="#advertise">Advertise With Us</a></li>
<li><a href="contact">Contact Us</a></li>
<li><a href="#add-business">Add A Business</a></li>
<li><a href="#handling-reviews">Handling Reviews</a></li>
</ul>
</div>
<div class="col-lg-4 d-flex flex-column align-content-end flex-wrap gap-4 footer-links">
<h3 class="text-white">Contact Us</h3>
<ul>
<li class="text-secondary email">Email: <a
href="mailto:finddabs24@yahoo.com">finddabs24@yahoo.com</a></li>
<li class="text-secondary phone">Phone: <a href="tel:+19785042054">978.504.2054</a></li>
<li class="text-secondary">Address: <a
href="https://www.google.com/maps/search/?api=1&query=117+Eastern+Avenue"
target="_blank">117 Eastern Avenue</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row lower-footer d-flex justify-content-between align-content-center">
<div class="col-lg-6 col-sm-6 d-flex justify-content-start">
<p class="text-white">Copyright @ 2024. All Right Reserved.</p>
</div>
<div class="col-lg-6 col-sm-6 d-flex justify-content-end">
<p class="text-white">Terms & Conditions | Privacy Policy</p>
</div>
</div>
</div>
</section>
<!-- FOOTER WORKS ENDS HERE -->
<!-- BOOTSTRAP JS CDN LINKED HERE -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- FONTAWESOME ICON JS CDN LINKED HERE -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/js/all.min.js"></script>
<!-- AOS ANIMATION JS CDN LINKED HERE -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
<!-- OWN JS LINED HERE -->
<script href="/assets/js/script.js"></script>
</body>
</html>