Facebook
From core, 1 Month ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 173
  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 col-md-6 py-4 py-lg-5 my-4">
  254.     <div class="card border-0 shadow p-5">
  255.         <h2 class="h4 pt-3 mb-3">Verify your profile</h2>
  256.         <p class="fs-sm text-muted mb-4">Complete your profile by filling the following details</p>
  257.         &lt;form class="needs-validation" method="post" novalidate&gt;
  258.             &lt;input type="hidden" name="csrfmiddlewaretoken" value="B2BBNw6UwpVhMkRIuFdkUfJINlG4G5yeisNJs2GD016RQVgvyOhiiBf9sgDHnTaJ"&gt;
  259.            
  260.  
  261. <div id="div_id_id_number" class="mb-3"> <label for="id_id_number" class="form-label">
  262.                 ID Number
  263.             </label> &lt;input type="text" name="id_number" maxlength="20" class="textinput form-control" id="id_id_number"&gt; </div> <div id="div_id_artist_type" class="mb-3"> <label for="id_artist_type" class="form-label requiredField">
  264.                 Artist Type<span class="asteriskField">*</span> </label> <select name="artist_type" class="select form-select" id="id_artist_type"> <option value="PRODUCT">Product</option> <option value="SERVICE">Service</option> <option value="BOTH">Both</option>
  265.  
  266. </select> </div>
  267.  
  268.             <button type="submit">Save Profile</button>
  269.         &lt;/form&gt;
  270.     </div>
  271. </div>
  272.  
  273.     </main>
  274.     <footer class="footer bg-dark pt-5">
  275.   <div class="container pt-2 pb-3">
  276.     <div class="row">
  277.       <div class="col-md-6 text-center text-md-start mb-4">
  278.         <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>
  279.         <p class="fs-sm text-white opacity-70 pb-1">High quality items created by our global community.</p>
  280.         <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>
  281.         <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>
  282.         <h6 class="d-inline-block me-3"><span class="text-primary">897 </span><span class="fw-normal text-white">Vendors</span></h6>
  283.         <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>
  284.       </div>
  285.       &lt;!-- Mobile dropdown menu (visible on screens below md)--&gt;
  286.       <div class="col-12 d-md-none text-center mb-4 pb-2">
  287.         <div class="btn-group dropdown d-block mx-auto mb-3">
  288.           <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">Categories</button>
  289.           <ul class="dropdown-menu my-1">
  290.             <li><a class="dropdown-item" href="#">Photos</a></li>
  291.             <li><a class="dropdown-item" href="#">Graphics</a></li>
  292.             <li><a class="dropdown-item" href="#">UI Design</a></li>
  293.             <li><a class="dropdown-item" href="#">Web Themes</a></li>
  294.             <li><a class="dropdown-item" href="#">Fonts</a></li>
  295.             <li><a class="dropdown-item" href="#">Add-Ons</a></li>
  296.           </ul>
  297.         </div>
  298.         <div class="btn-group dropdown d-block mx-auto">
  299.           <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">For members</button>
  300.           <ul class="dropdown-menu my-1">
  301.             <li><a class="dropdown-item" href="#">Licenses</a></li>
  302.             <li><a class="dropdown-item" href="#">Return policy</a></li>
  303.             <li><a class="dropdown-item" href="#">Payment methods</a></li>
  304.             <li><a class="dropdown-item" href="#">Become a vendor</a></li>
  305.             <li><a class="dropdown-item" href="#">Become an affiliate</a></li>
  306.             <li><a class="dropdown-item" href="#">Marketplace benefits</a></li>
  307.           </ul>
  308.         </div>
  309.       </div>
  310.       &lt;!-- Desktop menu (visible on screens above md)--&gt;
  311.       <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  312.         <div class="widget widget-links widget-light pb-2">
  313.           <h3 class="widget-title text-light">Categories</h3>
  314.           <ul class="widget-list">
  315.             <li class="widget-list-item"><a class="widget-list-link" href="#">Photos</a></li>
  316.             <li class="widget-list-item"><a class="widget-list-link" href="#">Graphics</a></li>
  317.             <li class="widget-list-item"><a class="widget-list-link" href="#">UI Design</a></li>
  318.             <li class="widget-list-item"><a class="widget-list-link" href="#">Web Themes</a></li>
  319.             <li class="widget-list-item"><a class="widget-list-link" href="#">Fonts</a></li>
  320.             <li class="widget-list-item"><a class="widget-list-link" href="#">Add-Ons</a></li>
  321.           </ul>
  322.         </div>
  323.       </div>
  324.       <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  325.         <div class="widget widget-links widget-light pb-2">
  326.           <h3 class="widget-title text-light">For members</h3>
  327.           <ul class="widget-list">
  328.             <li class="widget-list-item"><a class="widget-list-link" href="#">Licenses</a></li>
  329.             <li class="widget-list-item"><a class="widget-list-link" href="#">Return policy</a></li>
  330.             <li class="widget-list-item"><a class="widget-list-link" href="#">Payment methods</a></li>
  331.             <li class="widget-list-item"><a class="widget-list-link" href="#">Become a vendor</a></li>
  332.             <li class="widget-list-item"><a class="widget-list-link" href="#">Become an affiliate</a></li>
  333.             <li class="widget-list-item"><a class="widget-list-link" href="#">Marketplace benefits</a></li>
  334.           </ul>
  335.         </div>
  336.       </div>
  337.     </div>
  338.   </div>
  339.   &lt;!-- Second row--&gt;
  340.   <div class="pt-5 bg-darker">
  341.     <div class="container">
  342.       <div class="widget w-100 mb-4 pb-3 text-center mx-auto"  28rem;">
  343.         <h3 class="widget-title text-light pb-1">Subscribe to newsletter</h3>
  344.         >
  345.           <div class="input-group flex-nowrap"><i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
  346.             &lt;input class="form-control rounded-start" type="email" name="EMAIL" placeholder="Your email" required&gt;
  347.             <button class="btn btn-primary" type="submit" name="subscribe">Subscribe*</button>
  348.           </div>
  349.           &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;
  350.           <div  absolute; left: -5000px;" aria-hidden="true">
  351.             &lt;input class="subscription-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1"&gt;
  352.           </div>
  353.           <div class="form-text text-light opacity-50">*Receive early discount offers, updates and new products info.</div>
  354.           <div class="subscription-status"></div>
  355.         &lt;/form&gt;
  356.       </div>
  357.       <hr class="hr-light mb-3">
  358.       <div class="d-md-flex justify-content-between pt-4">
  359.         <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>
  360.         <div class="widget widget-links widget-light pb-4">
  361.           <ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
  362.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Help Center</a></li>
  363.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Affiliates</a></li>
  364.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Support</a></li>
  365.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Terms &amp; Conditions</a></li>
  366.           </ul>
  367.         </div>
  368.       </div>
  369.     </div>
  370.   </div>
  371. </footer>
  372.     &lt;!-- Toolbar for handheld devices (Marketplace)--&gt;
  373.     <div class="handheld-toolbar">
  374.       <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>
  375.     </div>
  376.     &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>
  377.     [removed][removed]
  378.  
  379.     [removed][removed]
  380.     [removed][removed]
  381.  
  382.     [removed][removed]
  383. &lt;/body&gt;
  384. &lt;/html&gt;