Facebook
From iRobot, 1 Month ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 186
  1.  
  2.  
  3. <!DOCTYPE html>
  4. &lt;html lang="en"&gt;
  5.   &lt;head&gt;
  6.     &lt;meta charset="utf-8"&gt;
  7.     &lt;!-- SEO Meta Tags--&gt;
  8.     &lt;meta name="description" c Shop"&gt;
  9.     &lt;meta name="keywords" c E-Commerce"&gt;
  10.     &lt;meta name="author" c Hub Foundation"&gt;
  11.     &lt;!-- Viewport--&gt;
  12.     &lt;meta name="viewport" c initial-scale=1"&gt;
  13.     &lt;!-- Favicon and Touch Icons--&gt;
  14.     &lt;link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"&gt;
  15.     &lt;link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"&gt;
  16.     &lt;link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"&gt;
  17.     &lt;link rel="manifest" href="site.webmanifest"&gt;
  18.     &lt;link rel="mask-icon" color="#fe6a6a" href="safari-pinned-tab.svg"&gt;
  19.     &lt;meta name="msapplication-TileColor" c&gt;
  20.     &lt;meta name="theme-color" c&gt;
  21.     &lt;!-- Vendor Styles including: Font Icons, Plugins, etc.--&gt;
  22.     &lt;link rel="stylesheet" media="screen" href="/var/www/swahilipot/static/sanaaartshop/vendor/simplebar/dist/simplebar.min.css"/&gt;
  23.     &lt;link rel="stylesheet" media="screen" href="/var/www/swahilipot/static/sanaaartshop/vendor/tiny-slider/dist/tiny-slider.css"/&gt;
  24.     &lt;!-- Main Theme Styles + Bootstrap--&gt;
  25.     &lt;link rel="stylesheet" media="screen" href="/var/www/swahilipot/static/sanaaartshop/css/theme.min.css"&gt;
  26.     &lt;link
  27.       rel="stylesheet"
  28.       type="text/css"
  29.       href="/var/www/swahilipot/static/sanaaartshop/css/theme.css"
  30.     /&gt;
  31.     &lt;link
  32.       rel="stylesheet"
  33.       type="text/css"
  34.       href="/var/www/swahilipot/static/sanaaartshop/css/theme.min.css"
  35.     /&gt;
  36.     &lt;link
  37.       rel="stylesheet"
  38.       type="text/css"
  39.       href="/var/www/swahilipot/static/sanaaartshop/vendor/tiny-slider/dist/tiny-slider.css"
  40.     /&gt;
  41.     &lt;link
  42.     rel="stylesheet"
  43.     type="text/css"
  44.     href="/var/www/swahilipot/static/sanaaartshop/main.css"
  45.     /&gt;
  46.     &lt;meta charset="UTF-8"&gt;
  47.     &lt;meta name="viewport" c initial-scale=1.0"&gt;
  48.     &lt;title&gt;Register as an artist&lt;/title&gt;
  49. &lt;/head&gt;
  50. &lt;body&gt;
  51.     <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog">
  52.     <div class="modal-dialog modal-dialog-centered" role="document">
  53.       <div class="modal-content">
  54.         <div class="modal-header bg-secondary">
  55.           <ul class="nav nav-tabs card-header-tabs" role="tablist">
  56.             <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>
  57.             <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>
  58.           </ul>
  59.           <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  60.         </div>
  61.         <div class="modal-body tab-content py-4">
  62.           &lt;form class="needs-validation tab-pane fade show active" autocomplete="off" novalidate id="signin-tab"&gt;
  63.             <div class="mb-3">
  64.               <label class="form-label" for="si-email">Email address</label>
  65.               &lt;input class="form-control" type="email" id="si-email" placeholder="[email protected]" required&gt;
  66.               <div class="invalid-feedback">Please provide a valid email address.</div>
  67.             </div>
  68.             <div class="mb-3">
  69.               <label class="form-label" for="si-password">Password</label>
  70.               <div class="password-toggle">
  71.                 &lt;input class="form-control" type="password" id="si-password" required&gt;
  72.                 <label class="password-toggle-btn" aria-label="Show/hide password">
  73.                   &lt;input class="password-toggle-check" type="checkbox"&gt;&lt;span class="password-toggle-indicator"></span>
  74.                 </label>
  75.               </div>
  76.             </div>
  77.             <div class="mb-3 d-flex flex-wrap justify-content-between">
  78.               <div class="form-check mb-2">
  79.                 &lt;input class="form-check-input" type="checkbox" id="si-remember"&gt;
  80.                 <label class="form-check-label" for="si-remember">Remember me</label>
  81.               </div><a class="fs-sm" href="#">Forgot password?</a>
  82.             </div>
  83.             <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign in</button>
  84.           &lt;/form&gt;
  85.           &lt;form class="needs-validation tab-pane fade" autocomplete="off" novalidate id="signup-tab"&gt;
  86.             <div class="mb-3">
  87.               <label class="form-label" for="su-name">Full name</label>
  88.               &lt;input class="form-control" type="text" id="su-name" placeholder="John Doe" required&gt;
  89.               <div class="invalid-feedback">Please fill in your name.</div>
  90.             </div>
  91.             <div class="mb-3">
  92.               <label for="su-email">Email address</label>
  93.               &lt;input class="form-control" type="email" id="su-email" placeholder="[email protected]" required&gt;
  94.               <div class="invalid-feedback">Please provide a valid email address.</div>
  95.             </div>
  96.             <div class="mb-3">
  97.               <label class="form-label" for="su-password">Password</label>
  98.               <div class="password-toggle">
  99.                 &lt;input class="form-control" type="password" id="su-password" required&gt;
  100.                 <label class="password-toggle-btn" aria-label="Show/hide password">
  101.                   &lt;input class="password-toggle-check" type="checkbox"&gt;&lt;span class="password-toggle-indicator"></span>
  102.                 </label>
  103.               </div>
  104.             </div>
  105.             <div class="mb-3">
  106.               <label class="form-label" for="su-password-confirm">Confirm password</label>
  107.               <div class="password-toggle">
  108.                 &lt;input class="form-control" type="password" id="su-password-confirm" required&gt;
  109.                 <label class="password-toggle-btn" aria-label="Show/hide password">
  110.                   &lt;input class="password-toggle-check" type="checkbox"&gt;&lt;span class="password-toggle-indicator"></span>
  111.                 </label>
  112.               </div>
  113.             </div>
  114.             <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign up</button>
  115.           &lt;/form&gt;
  116.         </div>
  117.       </div>
  118.     </div>
  119.   </div>
  120.  
  121.     <main class="page-wrapper">
  122.        
  123. &lt;header class="bg-light shadow-sm navbar-sticky"&gt;
  124.     <div class="navbar navbar-expand-lg navbar-light">
  125.       <div class="container"><a class="navbar-brand d-none d-sm-block flex-shrink-0 me-4 order-lg-1" href="index.html">
  126.         <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">
  127.             <img width="74" src="/var/www/swahilipot/static/logo/logo.png" alt="Swahilipot Hub"/></a>
  128.         &lt;!-- Toolbar--&gt;
  129.         <div class="navbar-toolbar d-flex align-items-center order-lg-3">
  130.           <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>
  131.             <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>
  132.             <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-heart"></i></div></a>
  133.           <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>
  134.             <div class="dropdown-menu dropdown-menu-end">
  135.               <div  14rem;">
  136.                 <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>
  137.                 <div class="dropdown-divider"></div>
  138.                 <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>
  139.                 <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>
  140.               </div>
  141.             </div>
  142.           </div>
  143.           <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>
  144.         </div>
  145.         <div class="collapse navbar-collapse me-auto order-lg-2" id="navbarCollapse">
  146.           &lt;!-- Search--&gt;
  147.           <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>
  148.             &lt;input class="form-control rounded-start" type="text" placeholder="Search marketplace"&gt;
  149.           </div>
  150.           &lt;!-- Categories dropdown--&gt;
  151.           <ul class="navbar-nav navbar-mega-nav pe-lg-2 me-lg-2">
  152.             <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>
  153.               <ul class="dropdown-menu py-1">
  154.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Photos</a>
  155.                   <ul class="dropdown-menu">
  156.                     <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>
  157.                     <li class="dropdown-divider"></li>
  158.                     <li><a class="dropdown-item" href="marketplace-category.html">Abstract</a></li>
  159.                     <li><a class="dropdown-item" href="marketplace-category.html">Animals</a></li>
  160.                     <li><a class="dropdown-item" href="marketplace-category.html">Architecture</a></li>
  161.                     <li><a class="dropdown-item" href="marketplace-category.html">Beauty &amp; Fashion</a></li>
  162.                     <li><a class="dropdown-item" href="marketplace-category.html">Business</a></li>
  163.                     <li><a class="dropdown-item" href="marketplace-category.html">Education</a></li>
  164.                     <li><a class="dropdown-item" href="marketplace-category.html">Food &amp; Drink</a></li>
  165.                     <li><a class="dropdown-item" href="marketplace-category.html">Holidays</a></li>
  166.                     <li><a class="dropdown-item" href="marketplace-category.html">Industrial</a></li>
  167.                     <li><a class="dropdown-item" href="marketplace-category.html">People</a></li>
  168.                     <li><a class="dropdown-item" href="marketplace-category.html">Sports</a></li>
  169.                     <li><a class="dropdown-item" href="marketplace-category.html">Technology</a></li>
  170.                   </ul>
  171.                 </li>
  172.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Graphics</a>
  173.                   <ul class="dropdown-menu">
  174.                     <li class="dropdown-item product-title fw-medium"><a href="#">All Graphics<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
  175.                     <li class="dropdown-divider"></li>
  176.                     <li><a class="dropdown-item" href="marketplace-category.html">Icons</a></li>
  177.                     <li><a class="dropdown-item" href="marketplace-category.html">Illustartions</a></li>
  178.                     <li><a class="dropdown-item" href="marketplace-category.html">Patterns</a></li>
  179.                     <li><a class="dropdown-item" href="marketplace-category.html">Textures</a></li>
  180.                     <li><a class="dropdown-item" href="marketplace-category.html">Web Elements</a></li>
  181.                   </ul>
  182.                 </li>
  183.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">UI Design</a>
  184.                   <ul class="dropdown-menu">
  185.                     <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>
  186.                     <li class="dropdown-divider"></li>
  187.                     <li><a class="dropdown-item" href="marketplace-category.html">PSD Templates</a></li>
  188.                     <li><a class="dropdown-item" href="marketplace-category.html">Sketch Templates</a></li>
  189.                     <li><a class="dropdown-item" href="marketplace-category.html">Adobe XD Templates</a></li>
  190.                     <li><a class="dropdown-item" href="marketplace-category.html">Figma Templates</a></li>
  191.                   </ul>
  192.                 </li>
  193.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Web Themes</a>
  194.                   <ul class="dropdown-menu">
  195.                     <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>
  196.                     <li class="dropdown-divider"></li>
  197.                     <li><a class="dropdown-item" href="marketplace-category.html">WordPress Themes</a></li>
  198.                     <li><a class="dropdown-item" href="marketplace-category.html">Bootstrap Themes</a></li>
  199.                     <li><a class="dropdown-item" href="marketplace-category.html">eCommerce Templates</a></li>
  200.                     <li><a class="dropdown-item" href="marketplace-category.html">Muse Templates</a></li>
  201.                     <li><a class="dropdown-item" href="marketplace-category.html">Plugins</a></li>
  202.                   </ul>
  203.                 </li>
  204.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Fonts</a>
  205.                   <ul class="dropdown-menu">
  206.                     <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>
  207.                     <li class="dropdown-divider"></li>
  208.                     <li><a class="dropdown-item" href="marketplace-category.html">Blackletter</a></li>
  209.                     <li><a class="dropdown-item" href="marketplace-category.html">Display</a></li>
  210.                     <li><a class="dropdown-item" href="marketplace-category.html">Non Western</a></li>
  211.                     <li><a class="dropdown-item" href="marketplace-category.html">Sans Serif</a></li>
  212.                     <li><a class="dropdown-item" href="marketplace-category.html">Script</a></li>
  213.                     <li><a class="dropdown-item" href="marketplace-category.html">Serif</a></li>
  214.                     <li><a class="dropdown-item" href="marketplace-category.html">Slab Serif</a></li>
  215.                     <li><a class="dropdown-item" href="marketplace-category.html">Symbols</a></li>
  216.                   </ul>
  217.                 </li>
  218.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Add-Ons</a>
  219.                   <ul class="dropdown-menu">
  220.                     <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>
  221.                     <li class="dropdown-divider"></li>
  222.                     <li><a class="dropdown-item" href="marketplace-category.html">Photoshop Add-Ons</a></li>
  223.                     <li><a class="dropdown-item" href="marketplace-category.html">Illustrator Add-Ons</a></li>
  224.                     <li><a class="dropdown-item" href="marketplace-category.html">Sketch Plugins</a></li>
  225.                     <li><a class="dropdown-item" href="marketplace-category.html">Procreate Brushes</a></li>
  226.                     <li><a class="dropdown-item" href="marketplace-category.html">InDesign Palettes</a></li>
  227.                     <li><a class="dropdown-item" href="marketplace-category.html">Lightroom Presets</a></li>
  228.                     <li><a class="dropdown-item" href="marketplace-category.html">Other Software</a></li>
  229.                   </ul>
  230.                 </li>
  231.               </ul>
  232.             </li>
  233.           </ul>
  234.           &lt;!-- Primary menu--&gt;
  235.           <ul class="navbar-nav">
  236.             <li class="nav-item"><a class="nav-link" href="index.html">Back to main demo</a></li>
  237.           </ul>
  238.         </div>
  239.       </div>
  240.     </div>
  241.     &lt;!-- Search collapse--&gt;
  242.     <div class="search-box collapse" id="searchBox">
  243.       <div class="card pt-2 pb-4 border-0 rounded-0">
  244.         <div class="container">
  245.           <div class="input-group"><i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
  246.             &lt;input class="form-control rounded-start" type="text" placeholder="Search marketplace"&gt;
  247.           </div>
  248.         </div>
  249.       </div>
  250.     </div>
  251.   &lt;/header&gt;
  252.        
  253. <div class="container d-flex justify-content-center py-4 py-lg-5 my-4">
  254.     <div class="col-md-6">
  255.       <div class="card border-0 shadow">
  256.         <div class="card-body">
  257.           <h1 class="fs-4 text-center pt-4 pb-2">Register as an Artist</h1>
  258.           &lt;form method="post"&gt;
  259.             &lt;input type="hidden" name="csrfmiddlewaretoken" value="dWZHsmk1RZIE6zUHQ9c1kEao9Pl5W71yUmbP7SUKlBTeaajuUigZI0GPOKiIDVD3"&gt;
  260.            
  261.  
  262. <div id="div_id_username" class="mb-3"> <label for="id_username" class="form-label requiredField">
  263.                 Username<span class="asteriskField">*</span> </label> &lt;input type="text" name="username" maxlength="150" autofocus class="textinput form-control" required id="id_username"&gt; <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">
  264.                 First name
  265.             </label> &lt;input type="text" name="first_name" maxlength="150" class="textinput form-control" id="id_first_name"&gt; </div> <div id="div_id_last_name" class="mb-3"> <label for="id_last_name" class="form-label">
  266.                 Last name
  267.             </label> &lt;input type="text" name="last_name" maxlength="150" class="textinput form-control" id="id_last_name"&gt; </div> <div id="div_id_email" class="mb-3"> <label for="id_email" class="form-label">
  268.                 Email address
  269.             </label> &lt;input type="email" name="email" maxlength="254" class="emailinput form-control" id="id_email"&gt; </div> <div id="div_id_password1" class="mb-3"> <label for="id_password1" class="form-label requiredField">
  270.                 Password<span class="asteriskField">*</span> </label> &lt;input type="password" name="password1" autocomplete="new-password" class="passwordinput form-control" required id="id_password1"&gt; <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">
  271.                 Password confirmation<span class="asteriskField">*</span> </label> &lt;input type="password" name="password2" autocomplete="new-password" class="passwordinput form-control" required id="id_password2"&gt; <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">
  272.                 Phone Number
  273.             </label> &lt;input type="text" name="phone_number" maxlength="20" class="textinput form-control" id="id_phone_number"&gt; </div> <div id="div_id_year_of_birth" class="mb-3"> <label for="id_year_of_birth" class="form-label">
  274.                 Year of Birth
  275.             </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>
  276.  
  277. </select> </div> <div id="div_id_county_of_residence" class="mb-3"> <label for="id_county_of_residence" class="form-label">
  278.                 County of Residence
  279.             </label> &lt;input type="text" name="county_of_residence" maxlength="100" class="textinput form-control" id="id_county_of_residence"&gt; </div> <div id="div_id_sub_county" class="mb-3"> <label for="id_sub_county" class="form-label">
  280.                 Sub County
  281.             </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>
  282.  
  283. </select> </div> <div id="div_id_ward" class="mb-3"> <label for="id_ward" class="form-label">
  284.                 Ward of Residence
  285.             </label> &lt;input type="text" name="ward" maxlength="100" class="textinput form-control" id="id_ward"&gt; </div> <div id="div_id_gender" class="mb-3"> <label for="id_gender" class="form-label">
  286.                 Gender
  287.             </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>
  288.  
  289. </select> </div> <div class="mb-3"> <div id="div_id_agreed_to_terms" class="mb-3 form-check"> &lt;input type="checkbox" name="agreed_to_terms" class="checkboxinput form-check-input" id="id_agreed_to_terms"&gt; <label for="id_agreed_to_terms" class="form-check-label">
  290.                     Agreed to Terms and Conditions
  291.                 </label> </div> </div> <div class="mb-3"> <div id="div_id_agreed_to_communications" class="mb-3 form-check"> &lt;input type="checkbox" name="agreed_to_communications" class="checkboxinput form-check-input" id="id_agreed_to_communications"&gt; <label for="id_agreed_to_communications" class="form-check-label">
  292.                     Agreed to Receive Communications
  293.                 </label> </div> </div>
  294.  
  295.             <button type="submit">Sign Up</button>
  296.           &lt;/form&gt;
  297.         </div>
  298.       </div>
  299.     </div>
  300. </div>
  301.  
  302.     </main>
  303.     <footer class="footer bg-dark pt-5">
  304.   <div class="container pt-2 pb-3">
  305.     <div class="row">
  306.       <div class="col-md-6 text-center text-md-start mb-4">
  307.         <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>
  308.         <p class="fs-sm text-white opacity-70 pb-1">High quality items created by our global community.</p>
  309.         <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>
  310.         <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>
  311.         <h6 class="d-inline-block me-3"><span class="text-primary">897 </span><span class="fw-normal text-white">Vendors</span></h6>
  312.         <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>
  313.       </div>
  314.       &lt;!-- Mobile dropdown menu (visible on screens below md)--&gt;
  315.       <div class="col-12 d-md-none text-center mb-4 pb-2">
  316.         <div class="btn-group dropdown d-block mx-auto mb-3">
  317.           <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">Categories</button>
  318.           <ul class="dropdown-menu my-1">
  319.             <li><a class="dropdown-item" href="#">Photos</a></li>
  320.             <li><a class="dropdown-item" href="#">Graphics</a></li>
  321.             <li><a class="dropdown-item" href="#">UI Design</a></li>
  322.             <li><a class="dropdown-item" href="#">Web Themes</a></li>
  323.             <li><a class="dropdown-item" href="#">Fonts</a></li>
  324.             <li><a class="dropdown-item" href="#">Add-Ons</a></li>
  325.           </ul>
  326.         </div>
  327.         <div class="btn-group dropdown d-block mx-auto">
  328.           <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">For members</button>
  329.           <ul class="dropdown-menu my-1">
  330.             <li><a class="dropdown-item" href="#">Licenses</a></li>
  331.             <li><a class="dropdown-item" href="#">Return policy</a></li>
  332.             <li><a class="dropdown-item" href="#">Payment methods</a></li>
  333.             <li><a class="dropdown-item" href="#">Become a vendor</a></li>
  334.             <li><a class="dropdown-item" href="#">Become an affiliate</a></li>
  335.             <li><a class="dropdown-item" href="#">Marketplace benefits</a></li>
  336.           </ul>
  337.         </div>
  338.       </div>
  339.       &lt;!-- Desktop menu (visible on screens above md)--&gt;
  340.       <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  341.         <div class="widget widget-links widget-light pb-2">
  342.           <h3 class="widget-title text-light">Categories</h3>
  343.           <ul class="widget-list">
  344.             <li class="widget-list-item"><a class="widget-list-link" href="#">Photos</a></li>
  345.             <li class="widget-list-item"><a class="widget-list-link" href="#">Graphics</a></li>
  346.             <li class="widget-list-item"><a class="widget-list-link" href="#">UI Design</a></li>
  347.             <li class="widget-list-item"><a class="widget-list-link" href="#">Web Themes</a></li>
  348.             <li class="widget-list-item"><a class="widget-list-link" href="#">Fonts</a></li>
  349.             <li class="widget-list-item"><a class="widget-list-link" href="#">Add-Ons</a></li>
  350.           </ul>
  351.         </div>
  352.       </div>
  353.       <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  354.         <div class="widget widget-links widget-light pb-2">
  355.           <h3 class="widget-title text-light">For members</h3>
  356.           <ul class="widget-list">
  357.             <li class="widget-list-item"><a class="widget-list-link" href="#">Licenses</a></li>
  358.             <li class="widget-list-item"><a class="widget-list-link" href="#">Return policy</a></li>
  359.             <li class="widget-list-item"><a class="widget-list-link" href="#">Payment methods</a></li>
  360.             <li class="widget-list-item"><a class="widget-list-link" href="#">Become a vendor</a></li>
  361.             <li class="widget-list-item"><a class="widget-list-link" href="#">Become an affiliate</a></li>
  362.             <li class="widget-list-item"><a class="widget-list-link" href="#">Marketplace benefits</a></li>
  363.           </ul>
  364.         </div>
  365.       </div>
  366.     </div>
  367.   </div>
  368.   &lt;!-- Second row--&gt;
  369.   <div class="pt-5 bg-darker">
  370.     <div class="container">
  371.       <div class="widget w-100 mb-4 pb-3 text-center mx-auto"  28rem;">
  372.         <h3 class="widget-title text-light pb-1">Subscribe to newsletter</h3>
  373.         >
  374.           <div class="input-group flex-nowrap"><i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
  375.             &lt;input class="form-control rounded-start" type="email" name="EMAIL" placeholder="Your email" required&gt;
  376.             <button class="btn btn-primary" type="submit" name="subscribe">Subscribe*</button>
  377.           </div>
  378.           &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;
  379.           <div  absolute; left: -5000px;" aria-hidden="true">
  380.             &lt;input class="subscription-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1"&gt;
  381.           </div>
  382.           <div class="form-text text-light opacity-50">*Receive early discount offers, updates and new products info.</div>
  383.           <div class="subscription-status"></div>
  384.         &lt;/form&gt;
  385.       </div>
  386.       <hr class="hr-light mb-3">
  387.       <div class="d-md-flex justify-content-between pt-4">
  388.         <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>
  389.         <div class="widget widget-links widget-light pb-4">
  390.           <ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
  391.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Help Center</a></li>
  392.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Affiliates</a></li>
  393.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Support</a></li>
  394.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Terms &amp; Conditions</a></li>
  395.           </ul>
  396.         </div>
  397.       </div>
  398.     </div>
  399.   </div>
  400. </footer>
  401.     &lt;!-- Toolbar for handheld devices (Marketplace)--&gt;
  402.     <div class="handheld-toolbar">
  403.       <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>
  404.     </div>
  405.     &lt;!-- Back To Top Button--&gt;<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>
  406.     [removed][removed]
  407.  
  408.     [removed][removed]
  409.     [removed][removed]
  410.  
  411.     [removed][removed]
  412. &lt;/body&gt;
  413. &lt;/html&gt;