<!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>
<%- include('./partials/csslinks') %>
</head>
<body>
<%- include('./partials/header') %>
<!-- I HAVE ADDED EXTRA ONE CLASS IN DIV SO THAT CAN BE USED FOR DISPLAY NONE -->
<!-- BUSINESS DETAILS 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">
<!-- BUSINESS DETAILS SECTION STARTS HERE -->
<div class="profilepicure-main-setting businessdetails-section">
<div class="d-flex align-items-center flex-column">
<div class="text-center">
<h3 class="mb-3 mt-5">Add Your <strong>Business Details</strong></h3>
<p>If you have your ABN or ACN handy, please enter it here. This will help speed up the approval
process.</p>
</div>
<div class="w-80">
<form class="row">
<div class="col-md-5 portfolio-form-design">
<label for="abnnum" class="form-label">ABN <span class="company-loc">( For E.g
58931862185 )</span></label>
<input type="number" class="form-control" id="abnnum" placeholder="Enter ABN No...">
</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-5 portfolio-form-design">
<label for="abnnum" class="form-label">ACN <span class="company-loc">( For E.g
58931862185 )</span></label>
<input type="number" class="form-control" id="abnnum" placeholder="Enter ACN No...">
</div>
<div class="col-12 portfolio-form-design">
<label for="BusinessName" class="form-label">Business Name*</label>
<input type="text" class="form-control" id="Business Name" placeholder="Enter Name...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="LevelUnit" class="form-label">Level / Unit*</label>
<input type="number" class="form-control" id="LevelUnit" placeholder="Enter Level...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="BuildingName" class="form-label">Building Name*</label>
<input type="text" class="form-control" id="Building Name" placeholder="Enter Name...">
</div>
<div class="col-md-2 portfolio-form-design">
<label for="Street" class="form-label">Street No*</label>
<input type="number" class="form-control" id="Street" placeholder="Street #">
</div>
<div class="col-md-10 portfolio-form-design">
<label for="StreetName" class="form-label">Street Name*</label>
<input type="text" class="form-control" id="StreetName" placeholder="Enter Name...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="Contact" class="form-label">Contact Number*</label>
<input type="number" class="form-control" id="Contact" placeholder="Enter Number...">
</div>
<div class="col-md-6 portfolio-form-design">
<label for="EmailAddress" class="form-label">Email Address*</label>
<input type="email" class="form-control" id="EmailAddress"
placeholder="Enter Yourl Website...">
</div>
<div class="col-12 portfolio-form-design">
<label for="weburl" class="form-label">Website*</label>
<input type="url" class="form-control" id="EmailAddress"
placeholder="Enter Yourl Website...">
</div>
<div class="text-center">
<h3 class="mt-5 mb-3">Please Select <strong>A Category For Your Business</strong></h3>
<p class="company-loc ">Search a keyword that best describes your business below. This
will help us make sure it appears in relevant search results.
</p>
</div>
<div class="col-12 portfolio-form-design">
<label for="Category" class="form-label text-end">Select Category*</label>
<select id="Category" class="form-select">
<option selected>Select Category...</option>
<option>...</option>
</select>
</div>
<div class="upload-profile-documents">
<h4 class="fw-bold">Supported 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 class="col-12">
<div class="form-check portfolio-form-design d-flex justify-content-center">
<input class="form-check-input " type="checkbox" id="gridCheck">
<label class="form-check-label mx-2" for="gridCheck">
I have read, understood and accept the Terms & Conditions </label>
</div>
</div>
<div class="col-12">
<div class="form-check portfolio-form-design d-flex justify-content-center mt-2">
<input class="form-check-input" type="checkbox" id="gridCheck">
<label class="form-check-label mx-2" for="gridCheck">
I warrant that I am an Authorized Representative of this business
</label>
</div>
</div>
<div class="d-flex justify-content-center mt-4">
<button type="button" class="submit-btn-portfolio px-5">SUBMIT</button>
</div>
</form>
</div>
</div>
</div>
<!-- BUSINESS DETAILS SECTION ENDS HERE -->
<!-- REGISTRATION COMPLETED WORKS STARTS HERE -->
<div class="weekavail_width_setting business-recomplete-section">
<div class="text-center reg-icon">
<i class="bi bi-patch-check"></i>
<h1 class="mx-3 mb-5">Registration Completed</h1>
<h6 class="fw-bold mb-3 ">Check Your Email / Phone For Verification</h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.
</p>
</div>
<button type="button" class="next-btn py-3">CONTINUE</button>
</div>
<!--REGISTRATION COMPLETED WORKS ENDS HERE -->
<!-- BUSINESS PROFILE WORKS STARTS HERE -->
<div class="profilepicure-main-setting businessprofile-section">
<div class="text-end">
<button type="button" class="dash-btn px-5">
EDIT</button>
</div>
<div class="d-flex align-items-center flex-column">
<div class="text-center">
<img src="/assets/img/business-profile.png" alt="" class="profile-picture-img mb-3 mt-5">
<h3>Business <strong> Profile Picture</strong></h3>
<p class="company-loc mt-3 text-dark mb-1 ">*Upload Business Logo OR Professional Business
Picture
</p>
<p class="company-loc mb-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 mb-5">
<form class="row">
<div class="col-12 portfolio-form-design">
<label for="fname" class="form-label">Business Name*</label>
<input type="name" class="form-control" id="inputEmail4"
placeholder="Enter Business 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-md-4 portfolio-form-design">
<label for="Industry" class="form-label">Industry</label>
<input type="name" class="form-control" id="Industry" placeholder="Enter Name">
</div>
<div class="col-md-4 portfolio-form-design">
<label for="Services" class="form-label">Services</label>
<input type="name" class="form-control" id="Services" placeholder="Enter Services">
</div>
<div class="col-12 form-group portfolio-form-design">
<label for="AboutBusiness" class="form-label">About Business*</label>
<textarea class="form-control" id="AboutBusiness" rows="6"></textarea>
</div>
<h5 class="fw-bold mt-5 mb-3">Additional Information</h5>
<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>
<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-12 portfolio-form-design">
<label for="weburl" class="form-label">Website*</label>
<input type="url" class="form-control" id="weburl" placeholder="Enter Address...">
</div>
<div class="d-flex justify-content-center mt-4">
<button type="button" class="submit-btn-portfolio px-5">SAVE</button>
</div>
</form>
</div>
</div>
</div>
<!--BUSINESS PROFILE WORKS ENDS HERE -->
<!-- BUSINESS dashboard WORKS STARTS HERE -->
<div class="businessdashboard-section my-5">
<div class="profile-history">
<div class="profile-person-history">
<img src="/assets/img/business-profile.png" alt="">
<div class="px-3">
<h6>James Edward</h6>
<span>Enter Subheading</span>
</div>
</div>
<div class="d-flex align-items-center">
<a class="chat-btn" href="/chat"><i class="bi bi-chat"></i></a>
<button type="button" class="logout-btn"><i class="bi bi-bell"></i></button>
</div>
</div>
<div class="dashboard-business-tabs">
<div class="d-flex justify-content-between flex-wrap">
<ul class="nav nav-pills" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
aria-selected="true">Home</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-advertise-tab" data-bs-toggle="pill"
data-bs-target="#pills-advertise" type="button" role="tab"
aria-controls="pills-advertise" aria-selected="false">Advertise</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-subscription-tab" data-bs-toggle="pill"
data-bs-target="#pills-subscription" type="button" role="tab"
aria-controls="pills-subscription" aria-selected="false">Subscription</button>
</li>
</ul>
<div class="history-input-design d-flex justify-content-end align-items-end">
<input type="text" class="" placeholder="Location history">
<i class="bi bi-search"></i>
</div>
</div>
<!-- DASHBOARD TABS WORKS STARTS HERE -->
<div class="">
<!-- DASHBOARD HOME WORKS STARTS HERE -->
<div class="tab-content my-5" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel"
aria-labelledby="pills-home-tab">
<div class="dashboard-home-properties ">
<div class="row">
<div class="col-lg-4">
<div class="manage-ads">
<h5 class="fw-bold">MANAGE ADs</h5>
<div class="d-flex justify-content-around flex-wrap my-3">
<div>
<span class="company-loc text-dark">Total Ads</span>
<p class="fw-bold">35</p>
</div>
<div>
<span class="company-loc text-dark">Active Adds</span>
<p class="fw-bold">20</p>
</div>
<div>
<span class="company-loc text-dark">Draft</span>
<p class="fw-bold">05</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ">
<div class="manage-ads">
<h5 class="fw-bold">New Registered Users <br> 205 </h5>
<button type="button" class="review-btn mt-2">
Review</button>
</div>
</div>
<div class="col-lg-4">
<div class="manage-ads-colorful">
<div class="d-flex justify-content-end mb-3">
<button type="button" class="review-btn mt-2">
Upgrade Now</button>
</div>
<h6 class="text-white mt-4 mb-0">Current Subscription</h6>
<h4 class="fw-bold text-white m-0">Essential Access </h4>
</div>
</div>
</div>
<div class="talent-home-properties">
<h5 class="fw-bold my-5">Talents</h5>
<div class="row">
<div class="col-lg-4">
<div class="talent-home">
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div
class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-home-portfolio dashboard-home-ads">
<div class="d-flex justify-content-center">
<span class="home-border">Profile / Portfolio</span>
</div>
<img src="/assets/img/bg-porfolio.png" alt="" class="bus-port-img">
<div class="row">
<div class="col-lg-2 position-relative">
<img src="/assets/img/dashboard-img.png" alt="" class="bus-per-img">
</div>
<div class="col-lg-8 mt-4 px-4">
<h4><strong>Edward James</strong>
( UI/UX Designer )</h4>
<p class="fs-15">Lorem Ipsum is simply dummy text of the printing and
typesetting
industry.</p>
</div>
<div class="col-lg-2 mt-4">
<div>
<h5 class="border-design-exp">6+ years Of Experience</h5>
</div>
</div>
</div>
<div class="d-flex flex-wrap bor-bottom">
<div class="pad-rig">
<i class="bi bi-at"></i>
<span class="fw-bold">edwardjj53</span>
</div>
<div class="pad-rig">
<i class="bi bi-geo-alt"></i>
<span class="fw-bold">Sydney, Australia</span>
</div>
<div class="pad-rig">
<i class="bi bi-check2-square"></i>
<span class="fw-bold">Member Since Jan 2024</span>
</div>
<div class="pad-rig">
<span class="fw-bold">( 15 ) Recommendations</span>
</div>
</div>
<div class="row bor-bottom">
<div class="col-lg-7 ">
<div class="about-business">
<h5>About</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum is simply dummy text of the printing and typesetting
industry
</p>
<img src="/assets/img/about-img.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-5">
<div class="connect-business">
<h5 class="mb-5 fw-bold">Connect With Me</h5>
<span class="company-loc">Email Address</span>
<p class="fw-bold mb-4 fs-15">edwardjames569@gmail.com</p>
<span class="company-loc">Phone #</span>
<p class="fw-bold mb-4 fs-15">+69 8569 235 32</p>
<span class="company-loc">LinkedIn</span>
<p class="fw-bold mb-4 fs-15">LinkedIn.com/edwardjjUI.UX</p>
<div class="d-flex">
<p class="bg-modifier fs-12">UI/UX</p>
<p class="bg-modifier fs-12">Branding</p>
<p class="bg-modifier fs-12">Logo</p>
</div>
<img src="/assets/img/connect.PNG" alt="" class="img-fluid border-10">
</div>
</div>
</div>
<div class="project-business">
<div class="row">
<div class="d-flex justify-content-between flex-wrap">
<h5 class="fw-bold">Projects Showcase</h5>
<div>
<span class="fs-15">View All</span>
<i class="bi bi-arrow-up-right fs-15"></i>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img.png" alt=""
class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img.png" alt=""
class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img.png" alt=""
class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img1.png" alt=""
class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img1.png" alt=""
class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img1.png" alt=""
class="img-fluid border-10">
</div>
</div>
<div class="d-flex justify-content-center my-5">
<h2 class="fw-bold position-relative crafting">Crafting Excellence in
Every Task
</h2>
</div>
</div>
</div>
<div class="d-flex flex-column align-items-center my-5">
<h5 class="fw-bold">Follow To Know More About Me!</h5>
<div>
<img src="./assets/img/facebook.png" alt="">
<img src="./assets/img/instagram.png" alt="">
<img src="./assets/img/twitterx.png" alt="">
<img src="./assets/img/tiktok.png" alt="">
<img src="./assets/img/linkedin.png" alt="">
</div>
</div>
</div>
</div>
<!-- DASHBOARD HOME WORKS EMDS HERE -->
<div class="tab-pane fade" id="pills-advertise" role="tabpanel"
aria-labelledby="pills-advertise-tab">NONE</div>
<div class="tab-pane fade" id="pills-subscription" role="tabpanel"
aria-labelledby="pills-subscription-tab">NONE</div>
</div>
</div>
<!-- DASHBOARD TABS WORKS EMDS HERE -->
</div>
</div>
<!--BUSINESS dashboard WORKS ENDS HERE -->
</div>
</section>
<!-- BUSINESS DETAILS SECTION ENDS HERE -->
<%- include('./partials/query') %>
<%- include('./partials/footer') %>
<%- include('./partials/scriptlinks') %>
</body>
</html>