- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <!-- SEO Meta Tags-->
- <meta name="description" c Shop">
- <meta name="keywords" c E-Commerce">
- <meta name="author" c Hub Foundation">
- <!-- Viewport-->
- <meta name="viewport" c initial-scale=1">
- <!-- Favicon and Touch Icons-->
- <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
- <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
- <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
- <link rel="manifest" href="site.webmanifest">
- <link rel="mask-icon" color="#fe6a6a" href="safari-pinned-tab.svg">
- <meta name="msapplication-TileColor" c>
- <meta name="theme-color" c>
- <!-- Vendor Styles including: Font Icons, Plugins, etc.-->
- <link rel="stylesheet" media="screen" href="/var/www/swahilipot/static/sanaaartshop/vendor/simplebar/dist/simplebar.min.css"/>
- <link rel="stylesheet" media="screen" href="/var/www/swahilipot/static/sanaaartshop/vendor/tiny-slider/dist/tiny-slider.css"/>
- <!-- Main Theme Styles + Bootstrap-->
- <link rel="stylesheet" media="screen" href="/var/www/swahilipot/static/sanaaartshop/css/theme.min.css">
- <link
- rel="stylesheet"
- type="text/css"
- href="/var/www/swahilipot/static/sanaaartshop/css/theme.css"
- />
- <link
- rel="stylesheet"
- type="text/css"
- href="/var/www/swahilipot/static/sanaaartshop/css/theme.min.css"
- />
- <link
- rel="stylesheet"
- type="text/css"
- href="/var/www/swahilipot/static/sanaaartshop/vendor/tiny-slider/dist/tiny-slider.css"
- />
- <link
- rel="stylesheet"
- type="text/css"
- href="/var/www/swahilipot/static/sanaaartshop/main.css"
- />
- <meta charset="UTF-8">
- <meta name="viewport" c initial-scale=1.0">
- <title>Register as an artist</title>
- </head>
- <body>
- <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog">
- <div class="modal-dialog modal-dialog-centered" role="document">
- <div class="modal-content">
- <div class="modal-header bg-secondary">
- <ul class="nav nav-tabs card-header-tabs" role="tablist">
- <li class="nav-item"><a class="nav-link fw-medium active" href="#signin-tab" data-bs-toggle="tab" role="tab" aria-selected="true"><i class="ci-unlocked me-2 mt-n1"></i>Sign in</a></li>
- <li class="nav-item"><a class="nav-link fw-medium" href="#signup-tab" data-bs-toggle="tab" role="tab" aria-selected="false"><i class="ci-user me-2 mt-n1"></i>Sign up</a></li>
- </ul>
- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body tab-content py-4">
- <form class="needs-validation tab-pane fade show active" autocomplete="off" novalidate id="signin-tab">
- <div class="mb-3">
- <label class="form-label" for="si-email">Email address</label>
- <input class="form-control" type="email" id="si-email" placeholder="[email protected]" required>
- <div class="invalid-feedback">Please provide a valid email address.</div>
- </div>
- <div class="mb-3">
- <label class="form-label" for="si-password">Password</label>
- <div class="password-toggle">
- <input class="form-control" type="password" id="si-password" required>
- <label class="password-toggle-btn" aria-label="Show/hide password">
- <input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
- </label>
- </div>
- </div>
- <div class="mb-3 d-flex flex-wrap justify-content-between">
- <div class="form-check mb-2">
- <input class="form-check-input" type="checkbox" id="si-remember">
- <label class="form-check-label" for="si-remember">Remember me</label>
- </div><a class="fs-sm" href="#">Forgot password?</a>
- </div>
- <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign in</button>
- </form>
- <form class="needs-validation tab-pane fade" autocomplete="off" novalidate id="signup-tab">
- <div class="mb-3">
- <label class="form-label" for="su-name">Full name</label>
- <input class="form-control" type="text" id="su-name" placeholder="John Doe" required>
- <div class="invalid-feedback">Please fill in your name.</div>
- </div>
- <div class="mb-3">
- <label for="su-email">Email address</label>
- <input class="form-control" type="email" id="su-email" placeholder="[email protected]" required>
- <div class="invalid-feedback">Please provide a valid email address.</div>
- </div>
- <div class="mb-3">
- <label class="form-label" for="su-password">Password</label>
- <div class="password-toggle">
- <input class="form-control" type="password" id="su-password" required>
- <label class="password-toggle-btn" aria-label="Show/hide password">
- <input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
- </label>
- </div>
- </div>
- <div class="mb-3">
- <label class="form-label" for="su-password-confirm">Confirm password</label>
- <div class="password-toggle">
- <input class="form-control" type="password" id="su-password-confirm" required>
- <label class="password-toggle-btn" aria-label="Show/hide password">
- <input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
- </label>
- </div>
- </div>
- <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign up</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- <main class="page-wrapper">
- <header class="bg-light shadow-sm navbar-sticky">
- <div class="navbar navbar-expand-lg navbar-light">
- <div class="container"><a class="navbar-brand d-none d-sm-block flex-shrink-0 me-4 order-lg-1" href="index.html">
- <img width="142" src="/var/www/swahilipot/static/logo/logo.png" alt="Swahilipot Hub"/></a><a class="navbar-brand d-sm-none me-2 order-lg-1" href="index.html">
- <img width="74" src="/var/www/swahilipot/static/logo/logo.png" alt="Swahilipot Hub"/></a>
- <!-- Toolbar-->
- <div class="navbar-toolbar d-flex align-items-center order-lg-3">
- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"><span class="navbar-toggler-icon"></span></button><a class="navbar-tool d-none d-lg-flex" href="[removed]void(0)" data-bs-toggle="collapse" data-bs-target="#searchBox" role="button" aria-expanded="false" aria-c><span class="navbar-tool-tooltip">Search</span>
- <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-search"></i></div></a><a class="navbar-tool d-none d-lg-flex" href="dashboard-favorites.html"><span class="navbar-tool-tooltip">Favorites</span>
- <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-heart"></i></div></a>
- <div class="navbar-tool dropdown ms-2"><a class="navbar-tool-icon-box border dropdown-toggle" href="dashboard-sales.html"><img src="/var/www/swahilipot/static/sanaaartshop/img/marketplace/account/avatar-sm.png" width="32" alt="Createx Studio"></a><a class="navbar-tool-text ms-n1" href="dashboard-sales.html"><small>Createx Std.</small>$1,375.00</a>
- <div class="dropdown-menu dropdown-menu-end">
- <div 14rem;">
- <h6 class="dropdown-header">Account</h6><a class="dropdown-item d-flex align-items-center" href="dashboard-settings.html"><i class="ci-settings opacity-60 me-2"></i>Settings</a><a class="dropdown-item d-flex align-items-center" href="dashboard-purchases.html"><i class="ci-basket opacity-60 me-2"></i>Purchases</a><a class="dropdown-item d-flex align-items-center" href="dashboard-favorites.html"><i class="ci-heart opacity-60 me-2"></i>Favorites<span class="fs-xs text-muted ms-auto">4</span></a>
- <div class="dropdown-divider"></div>
- <h6 class="dropdown-header">Seller Dashboard</h6><a class="dropdown-item d-flex align-items-center" href="dashboard-sales.html"><i class="ci-dollar opacity-60 me-2"></i>Sales<span class="fs-xs text-muted ms-auto">$1,375.00</span></a><a class="dropdown-item d-flex align-items-center" href="dashboard-products.html"><i class="ci-package opacity-60 me-2"></i>Products<span class="fs-xs text-muted ms-auto">5</span></a><a class="dropdown-item d-flex align-items-center" href="dashboard-add-new-product.html"><i class="ci-cloud-upload opacity-60 me-2"></i>Add New Product</a><a class="dropdown-item d-flex align-items-center" href="dashboard-payouts.html"><i class="ci-currency-exchange opacity-60 me-2"></i>Payouts</a>
- <div class="dropdown-divider"></div><a class="dropdown-item d-flex align-items-center" href="account-signin.html"><i class="ci-sign-out opacity-60 me-2"></i>Sign Out</a>
- </div>
- </div>
- </div>
- <div class="navbar-tool ms-4"><a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="marketplace-cart.html"><span class="navbar-tool-label">3</span><i class="navbar-tool-icon ci-cart"></i></a></div>
- </div>
- <div class="collapse navbar-collapse me-auto order-lg-2" id="navbarCollapse">
- <!-- Search-->
- <div class="input-group d-lg-none my-3"><i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
- <input class="form-control rounded-start" type="text" placeholder="Search marketplace">
- </div>
- <!-- Categories dropdown-->
- <ul class="navbar-nav navbar-mega-nav pe-lg-2 me-lg-2">
- <li class="nav-item dropdown"><a class="nav-link dropdown-toggle ps-lg-0" href="#" data-bs-toggle="dropdown"><i class="ci-menu align-middle mt-n1 me-2"></i>Categories</a>
- <ul class="dropdown-menu py-1">
- <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Photos</a>
- <ul class="dropdown-menu">
- <li class="dropdown-item product-title fw-medium"><a href="marketplace-category.html">All Photos<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
- <li class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Abstract</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Animals</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Architecture</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Beauty & Fashion</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Business</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Education</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Food & Drink</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Holidays</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Industrial</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">People</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Sports</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Technology</a></li>
- </ul>
- </li>
- <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Graphics</a>
- <ul class="dropdown-menu">
- <li class="dropdown-item product-title fw-medium"><a href="#">All Graphics<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
- <li class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Icons</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Illustartions</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Patterns</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Textures</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Web Elements</a></li>
- </ul>
- </li>
- <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">UI Design</a>
- <ul class="dropdown-menu">
- <li class="dropdown-item product-title fw-medium"><a href="marketplace-category.html">All UI Design<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
- <li class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="marketplace-category.html">PSD Templates</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Sketch Templates</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Adobe XD Templates</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Figma Templates</a></li>
- </ul>
- </li>
- <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Web Themes</a>
- <ul class="dropdown-menu">
- <li class="dropdown-item product-title fw-medium"><a href="marketplace-category.html">All Web Themes<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
- <li class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="marketplace-category.html">WordPress Themes</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Bootstrap Themes</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">eCommerce Templates</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Muse Templates</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Plugins</a></li>
- </ul>
- </li>
- <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Fonts</a>
- <ul class="dropdown-menu">
- <li class="dropdown-item product-title fw-medium"><a href="marketplace-category.html">All Fonts<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
- <li class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Blackletter</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Display</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Non Western</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Sans Serif</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Script</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Serif</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Slab Serif</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Symbols</a></li>
- </ul>
- </li>
- <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Add-Ons</a>
- <ul class="dropdown-menu">
- <li class="dropdown-item product-title fw-medium"><a href="marketplace-category.html">All Add-Ons<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
- <li class="dropdown-divider"></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Photoshop Add-Ons</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Illustrator Add-Ons</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Sketch Plugins</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Procreate Brushes</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">InDesign Palettes</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Lightroom Presets</a></li>
- <li><a class="dropdown-item" href="marketplace-category.html">Other Software</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- <!-- Primary menu-->
- <ul class="navbar-nav">
- <li class="nav-item"><a class="nav-link" href="index.html">Back to main demo</a></li>
- </ul>
- </div>
- </div>
- </div>
- <!-- Search collapse-->
- <div class="search-box collapse" id="searchBox">
- <div class="card pt-2 pb-4 border-0 rounded-0">
- <div class="container">
- <div class="input-group"><i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
- <input class="form-control rounded-start" type="text" placeholder="Search marketplace">
- </div>
- </div>
- </div>
- </div>
- </header>
- <div class="container d-flex justify-content-center py-4 py-lg-5 my-4">
- <div class="col-md-6">
- <div class="card border-0 shadow">
- <div class="card-body">
- <h1 class="fs-4 text-center pt-4 pb-2">Register as an Artist</h1>
- <form method="post">
- <input type="hidden" name="csrfmiddlewaretoken" value="dWZHsmk1RZIE6zUHQ9c1kEao9Pl5W71yUmbP7SUKlBTeaajuUigZI0GPOKiIDVD3">
- <div id="div_id_username" class="mb-3"> <label for="id_username" class="form-label requiredField">
- Username<span class="asteriskField">*</span> </label> <input type="text" name="username" maxlength="150" autofocus class="textinput form-control" required id="id_username"> <div id="id_username_helptext" class="form-text">Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.</div> </div> <div id="div_id_first_name" class="mb-3"> <label for="id_first_name" class="form-label">
- First name
- </label> <input type="text" name="first_name" maxlength="150" class="textinput form-control" id="id_first_name"> </div> <div id="div_id_last_name" class="mb-3"> <label for="id_last_name" class="form-label">
- Last name
- </label> <input type="text" name="last_name" maxlength="150" class="textinput form-control" id="id_last_name"> </div> <div id="div_id_email" class="mb-3"> <label for="id_email" class="form-label">
- Email address
- </label> <input type="email" name="email" maxlength="254" class="emailinput form-control" id="id_email"> </div> <div id="div_id_password1" class="mb-3"> <label for="id_password1" class="form-label requiredField">
- Password<span class="asteriskField">*</span> </label> <input type="password" name="password1" autocomplete="new-password" class="passwordinput form-control" required id="id_password1"> <div id="id_password1_helptext" class="form-text"><ul><li>Your password can’t be too similar to your other personal information.</li><li>Your password must contain at least 8 characters.</li><li>Your password can’t be a commonly used password.</li><li>Your password can’t be entirely numeric.</li></ul></div> </div> <div id="div_id_password2" class="mb-3"> <label for="id_password2" class="form-label requiredField">
- Password confirmation<span class="asteriskField">*</span> </label> <input type="password" name="password2" autocomplete="new-password" class="passwordinput form-control" required id="id_password2"> <div id="id_password2_helptext" class="form-text">Enter the same password as before, for verification.</div> </div> <div id="div_id_phone_number" class="mb-3"> <label for="id_phone_number" class="form-label">
- Phone Number
- </label> <input type="text" name="phone_number" maxlength="20" class="textinput form-control" id="id_phone_number"> </div> <div id="div_id_year_of_birth" class="mb-3"> <label for="id_year_of_birth" class="form-label">
- Year of Birth
- </label> <select name="year_of_birth" class="select form-select" id="id_year_of_birth"> <option value="" selected>---------</option> <option value="1950">1950</option> <option value="1951">1951</option> <option value="1952">1952</option> <option value="1953">1953</option> <option value="1954">1954</option> <option value="1955">1955</option> <option value="1956">1956</option> <option value="1957">1957</option> <option value="1958">1958</option> <option value="1959">1959</option> <option value="1960">1960</option> <option value="1961">1961</option> <option value="1962">1962</option> <option value="1963">1963</option> <option value="1964">1964</option> <option value="1965">1965</option> <option value="1966">1966</option> <option value="1967">1967</option> <option value="1968">1968</option> <option value="1969">1969</option> <option value="1970">1970</option> <option value="1971">1971</option> <option value="1972">1972</option> <option value="1973">1973</option> <option value="1974">1974</option> <option value="1975">1975</option> <option value="1976">1976</option> <option value="1977">1977</option> <option value="1978">1978</option> <option value="1979">1979</option> <option value="1980">1980</option> <option value="1981">1981</option> <option value="1982">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1988">1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> <option value="2018">2018</option> <option value="2019">2019</option> <option value="2020">2020</option> <option value="2021">2021</option> <option value="2022">2022</option> <option value="2023">2023</option>
- </select> </div> <div id="div_id_county_of_residence" class="mb-3"> <label for="id_county_of_residence" class="form-label">
- County of Residence
- </label> <input type="text" name="county_of_residence" maxlength="100" class="textinput form-control" id="id_county_of_residence"> </div> <div id="div_id_sub_county" class="mb-3"> <label for="id_sub_county" class="form-label">
- Sub County
- </label> <select name="sub_county" class="select form-select" id="id_sub_county"> <option value="">---------</option> <option value="MVITA">Mvita</option> <option value="CHANGAMWE">Changamwe</option> <option value="NYALI">Nyali</option> <option value="KISAUNI">Kisauni</option> <option value="LIKONI">Likoni</option> <option value="JOMVU">Jomvu</option> <option value="OUTSIDE MOMBASA" selected>Outside Mombasa</option>
- </select> </div> <div id="div_id_ward" class="mb-3"> <label for="id_ward" class="form-label">
- Ward of Residence
- </label> <input type="text" name="ward" maxlength="100" class="textinput form-control" id="id_ward"> </div> <div id="div_id_gender" class="mb-3"> <label for="id_gender" class="form-label">
- Gender
- </label> <select name="gender" class="select form-select" id="id_gender"> <option value="" selected>---------</option> <option value="male">Male</option> <option value="female">Female</option>
- </select> </div> <div class="mb-3"> <div id="div_id_agreed_to_terms" class="mb-3 form-check"> <input type="checkbox" name="agreed_to_terms" class="checkboxinput form-check-input" id="id_agreed_to_terms"> <label for="id_agreed_to_terms" class="form-check-label">
- Agreed to Terms and Conditions
- </label> </div> </div> <div class="mb-3"> <div id="div_id_agreed_to_communications" class="mb-3 form-check"> <input type="checkbox" name="agreed_to_communications" class="checkboxinput form-check-input" id="id_agreed_to_communications"> <label for="id_agreed_to_communications" class="form-check-label">
- Agreed to Receive Communications
- </label> </div> </div>
- <button type="submit">Sign Up</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- </main>
- <footer class="footer bg-dark pt-5">
- <div class="container pt-2 pb-3">
- <div class="row">
- <div class="col-md-6 text-center text-md-start mb-4">
- <div class="text-nowrap mb-3"><a class="d-inline-block align-middle mt-n2 me-2" href="#"><img class="d-block" src="img/footer-logo-light.png" width="117" alt="Cartzilla"></a><span class="d-inline-block align-middle h5 fw-light text-white mb-0">Marketplace</span></div>
- <p class="fs-sm text-white opacity-70 pb-1">High quality items created by our global community.</p>
- <h6 class="d-inline-block pe-3 me-3 border-end border-light"><span class="text-primary">65,478 </span><span class="fw-normal text-white">Products</span></h6>
- <h6 class="d-inline-block pe-3 me-3 border-end border-light"><span class="text-primary">2,521 </span><span class="fw-normal text-white">Members</span></h6>
- <h6 class="d-inline-block me-3"><span class="text-primary">897 </span><span class="fw-normal text-white">Vendors</span></h6>
- <div class="widget mt-4 text-md-nowrap text-center text-md-start"><a class="btn-social bs-light bs-twitter me-2 mb-2" href="#"><i class="ci-twitter"></i></a><a class="btn-social bs-light bs-facebook me-2 mb-2" href="#"><i class="ci-facebook"></i></a><a class="btn-social bs-light bs-dribbble me-2 mb-2" href="#"><i class="ci-dribbble"></i></a><a class="btn-social bs-light bs-behance me-2 mb-2" href="#"><i class="ci-behance"></i></a><a class="btn-social bs-light bs-pinterest me-2 mb-2" href="#"><i class="ci-pinterest"></i></a></div>
- </div>
- <!-- Mobile dropdown menu (visible on screens below md)-->
- <div class="col-12 d-md-none text-center mb-4 pb-2">
- <div class="btn-group dropdown d-block mx-auto mb-3">
- <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">Categories</button>
- <ul class="dropdown-menu my-1">
- <li><a class="dropdown-item" href="#">Photos</a></li>
- <li><a class="dropdown-item" href="#">Graphics</a></li>
- <li><a class="dropdown-item" href="#">UI Design</a></li>
- <li><a class="dropdown-item" href="#">Web Themes</a></li>
- <li><a class="dropdown-item" href="#">Fonts</a></li>
- <li><a class="dropdown-item" href="#">Add-Ons</a></li>
- </ul>
- </div>
- <div class="btn-group dropdown d-block mx-auto">
- <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">For members</button>
- <ul class="dropdown-menu my-1">
- <li><a class="dropdown-item" href="#">Licenses</a></li>
- <li><a class="dropdown-item" href="#">Return policy</a></li>
- <li><a class="dropdown-item" href="#">Payment methods</a></li>
- <li><a class="dropdown-item" href="#">Become a vendor</a></li>
- <li><a class="dropdown-item" href="#">Become an affiliate</a></li>
- <li><a class="dropdown-item" href="#">Marketplace benefits</a></li>
- </ul>
- </div>
- </div>
- <!-- Desktop menu (visible on screens above md)-->
- <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
- <div class="widget widget-links widget-light pb-2">
- <h3 class="widget-title text-light">Categories</h3>
- <ul class="widget-list">
- <li class="widget-list-item"><a class="widget-list-link" href="#">Photos</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Graphics</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">UI Design</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Web Themes</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Fonts</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Add-Ons</a></li>
- </ul>
- </div>
- </div>
- <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
- <div class="widget widget-links widget-light pb-2">
- <h3 class="widget-title text-light">For members</h3>
- <ul class="widget-list">
- <li class="widget-list-item"><a class="widget-list-link" href="#">Licenses</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Return policy</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Payment methods</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Become a vendor</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Become an affiliate</a></li>
- <li class="widget-list-item"><a class="widget-list-link" href="#">Marketplace benefits</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!-- Second row-->
- <div class="pt-5 bg-darker">
- <div class="container">
- <div class="widget w-100 mb-4 pb-3 text-center mx-auto" 28rem;">
- <h3 class="widget-title text-light pb-1">Subscribe to newsletter</h3>
- >
- <div class="input-group flex-nowrap"><i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
- <input class="form-control rounded-start" type="email" name="EMAIL" placeholder="Your email" required>
- <button class="btn btn-primary" type="submit" name="subscribe">Subscribe*</button>
- </div>
- <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
- <div absolute; left: -5000px;" aria-hidden="true">
- <input class="subscription-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1">
- </div>
- <div class="form-text text-light opacity-50">*Receive early discount offers, updates and new products info.</div>
- <div class="subscription-status"></div>
- </form>
- </div>
- <hr class="hr-light mb-3">
- <div class="d-md-flex justify-content-between pt-4">
- <div class="pb-4 fs-xs text-light opacity-50 text-center text-md-start">© All rights reserved. Made by <a class="text-light" href="https://createx.studio/" target="_blank" rel="noopener">Createx Studio</a></div>
- <div class="widget widget-links widget-light pb-4">
- <ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
- <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Help Center</a></li>
- <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Affiliates</a></li>
- <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Support</a></li>
- <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Terms & Conditions</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </footer>
- <!-- Toolbar for handheld devices (Marketplace)-->
- <div class="handheld-toolbar">
- <div class="d-table table-layout-fixed w-100"><a class="d-table-cell handheld-toolbar-item" href="dashboard-favorites.html"><span class="handheld-toolbar-icon"><i class="ci-heart"></i></span><span class="handheld-toolbar-label">Favorites</span></a><a class="d-table-cell handheld-toolbar-item"><span class="handheld-toolbar-icon"><i class="ci-menu"></i></span><span class="handheld-toolbar-label">Menu</span></a><a class="d-table-cell handheld-toolbar-item" href="marketplace-cart.html"><span class="handheld-toolbar-icon"><i class="ci-cart"></i><span class="badge bg-primary rounded-pill ms-1">3</span></span><span class="handheld-toolbar-label">$56.00</span></a></div>
- </div>
- <!-- Back To Top Button--><a class="btn-scroll-top" href="#top"><span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span><i class="btn-scroll-top-icon ci-arrow-up"> </i></a>
- [removed][removed]
- [removed][removed]
- [removed][removed]
- [removed][removed]
- </body>
- </html>