Facebook
From core, 1 Month ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 177
  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;Artist
  49. Profile&lt;/title&gt;
  50. &lt;/head&gt;
  51. &lt;body&gt;
  52.     <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog">
  53.     <div class="modal-dialog modal-dialog-centered" role="document">
  54.       <div class="modal-content">
  55.         <div class="modal-header bg-secondary">
  56.           <ul class="nav nav-tabs card-header-tabs" role="tablist">
  57.             <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>
  58.             <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>
  59.           </ul>
  60.           <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  61.         </div>
  62.         <div class="modal-body tab-content py-4">
  63.           &lt;form class="needs-validation tab-pane fade show active" autocomplete="off" novalidate id="signin-tab"&gt;
  64.             <div class="mb-3">
  65.               <label class="form-label" for="si-email">Email address</label>
  66.               &lt;input class="form-control" type="email" id="si-email" placeholder="[email protected]" required&gt;
  67.               <div class="invalid-feedback">Please provide a valid email address.</div>
  68.             </div>
  69.             <div class="mb-3">
  70.               <label class="form-label" for="si-password">Password</label>
  71.               <div class="password-toggle">
  72.                 &lt;input class="form-control" type="password" id="si-password" required&gt;
  73.                 <label class="password-toggle-btn" aria-label="Show/hide password">
  74.                   &lt;input class="password-toggle-check" type="checkbox"&gt;&lt;span class="password-toggle-indicator"></span>
  75.                 </label>
  76.               </div>
  77.             </div>
  78.             <div class="mb-3 d-flex flex-wrap justify-content-between">
  79.               <div class="form-check mb-2">
  80.                 &lt;input class="form-check-input" type="checkbox" id="si-remember"&gt;
  81.                 <label class="form-check-label" for="si-remember">Remember me</label>
  82.               </div><a class="fs-sm" href="#">Forgot password?</a>
  83.             </div>
  84.             <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign in</button>
  85.           &lt;/form&gt;
  86.           &lt;form class="needs-validation tab-pane fade" autocomplete="off" novalidate id="signup-tab"&gt;
  87.             <div class="mb-3">
  88.               <label class="form-label" for="su-name">Full name</label>
  89.               &lt;input class="form-control" type="text" id="su-name" placeholder="John Doe" required&gt;
  90.               <div class="invalid-feedback">Please fill in your name.</div>
  91.             </div>
  92.             <div class="mb-3">
  93.               <label for="su-email">Email address</label>
  94.               &lt;input class="form-control" type="email" id="su-email" placeholder="[email protected]" required&gt;
  95.               <div class="invalid-feedback">Please provide a valid email address.</div>
  96.             </div>
  97.             <div class="mb-3">
  98.               <label class="form-label" for="su-password">Password</label>
  99.               <div class="password-toggle">
  100.                 &lt;input class="form-control" type="password" id="su-password" required&gt;
  101.                 <label class="password-toggle-btn" aria-label="Show/hide password">
  102.                   &lt;input class="password-toggle-check" type="checkbox"&gt;&lt;span class="password-toggle-indicator"></span>
  103.                 </label>
  104.               </div>
  105.             </div>
  106.             <div class="mb-3">
  107.               <label class="form-label" for="su-password-confirm">Confirm password</label>
  108.               <div class="password-toggle">
  109.                 &lt;input class="form-control" type="password" id="su-password-confirm" required&gt;
  110.                 <label class="password-toggle-btn" aria-label="Show/hide password">
  111.                   &lt;input class="password-toggle-check" type="checkbox"&gt;&lt;span class="password-toggle-indicator"></span>
  112.                 </label>
  113.               </div>
  114.             </div>
  115.             <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign up</button>
  116.           &lt;/form&gt;
  117.         </div>
  118.       </div>
  119.     </div>
  120.   </div>
  121.  
  122.     <main class="page-wrapper">
  123.        
  124. &lt;header class="bg-light shadow-sm navbar-sticky"&gt;
  125.     <div class="navbar navbar-expand-lg navbar-light">
  126.       <div class="container"><a class="navbar-brand d-none d-sm-block flex-shrink-0 me-4 order-lg-1" href="index.html">
  127.         <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">
  128.             <img width="74" src="/var/www/swahilipot/static/logo/logo.png" alt="Swahilipot Hub"/></a>
  129.         &lt;!-- Toolbar--&gt;
  130.         <div class="navbar-toolbar d-flex align-items-center order-lg-3">
  131.           <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>
  132.             <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>
  133.             <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-heart"></i></div></a>
  134.           <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>
  135.             <div class="dropdown-menu dropdown-menu-end">
  136.               <div  14rem;">
  137.                 <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>
  138.                 <div class="dropdown-divider"></div>
  139.                 <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>
  140.                 <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>
  141.               </div>
  142.             </div>
  143.           </div>
  144.           <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>
  145.         </div>
  146.         <div class="collapse navbar-collapse me-auto order-lg-2" id="navbarCollapse">
  147.           &lt;!-- Search--&gt;
  148.           <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>
  149.             &lt;input class="form-control rounded-start" type="text" placeholder="Search marketplace"&gt;
  150.           </div>
  151.           &lt;!-- Categories dropdown--&gt;
  152.           <ul class="navbar-nav navbar-mega-nav pe-lg-2 me-lg-2">
  153.             <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>
  154.               <ul class="dropdown-menu py-1">
  155.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Photos</a>
  156.                   <ul class="dropdown-menu">
  157.                     <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>
  158.                     <li class="dropdown-divider"></li>
  159.                     <li><a class="dropdown-item" href="marketplace-category.html">Abstract</a></li>
  160.                     <li><a class="dropdown-item" href="marketplace-category.html">Animals</a></li>
  161.                     <li><a class="dropdown-item" href="marketplace-category.html">Architecture</a></li>
  162.                     <li><a class="dropdown-item" href="marketplace-category.html">Beauty &amp; Fashion</a></li>
  163.                     <li><a class="dropdown-item" href="marketplace-category.html">Business</a></li>
  164.                     <li><a class="dropdown-item" href="marketplace-category.html">Education</a></li>
  165.                     <li><a class="dropdown-item" href="marketplace-category.html">Food &amp; Drink</a></li>
  166.                     <li><a class="dropdown-item" href="marketplace-category.html">Holidays</a></li>
  167.                     <li><a class="dropdown-item" href="marketplace-category.html">Industrial</a></li>
  168.                     <li><a class="dropdown-item" href="marketplace-category.html">People</a></li>
  169.                     <li><a class="dropdown-item" href="marketplace-category.html">Sports</a></li>
  170.                     <li><a class="dropdown-item" href="marketplace-category.html">Technology</a></li>
  171.                   </ul>
  172.                 </li>
  173.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Graphics</a>
  174.                   <ul class="dropdown-menu">
  175.                     <li class="dropdown-item product-title fw-medium"><a href="#">All Graphics<i class="ci-arrow-right fs-xs ms-1"></i></a></li>
  176.                     <li class="dropdown-divider"></li>
  177.                     <li><a class="dropdown-item" href="marketplace-category.html">Icons</a></li>
  178.                     <li><a class="dropdown-item" href="marketplace-category.html">Illustartions</a></li>
  179.                     <li><a class="dropdown-item" href="marketplace-category.html">Patterns</a></li>
  180.                     <li><a class="dropdown-item" href="marketplace-category.html">Textures</a></li>
  181.                     <li><a class="dropdown-item" href="marketplace-category.html">Web Elements</a></li>
  182.                   </ul>
  183.                 </li>
  184.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">UI Design</a>
  185.                   <ul class="dropdown-menu">
  186.                     <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>
  187.                     <li class="dropdown-divider"></li>
  188.                     <li><a class="dropdown-item" href="marketplace-category.html">PSD Templates</a></li>
  189.                     <li><a class="dropdown-item" href="marketplace-category.html">Sketch Templates</a></li>
  190.                     <li><a class="dropdown-item" href="marketplace-category.html">Adobe XD Templates</a></li>
  191.                     <li><a class="dropdown-item" href="marketplace-category.html">Figma Templates</a></li>
  192.                   </ul>
  193.                 </li>
  194.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Web Themes</a>
  195.                   <ul class="dropdown-menu">
  196.                     <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>
  197.                     <li class="dropdown-divider"></li>
  198.                     <li><a class="dropdown-item" href="marketplace-category.html">WordPress Themes</a></li>
  199.                     <li><a class="dropdown-item" href="marketplace-category.html">Bootstrap Themes</a></li>
  200.                     <li><a class="dropdown-item" href="marketplace-category.html">eCommerce Templates</a></li>
  201.                     <li><a class="dropdown-item" href="marketplace-category.html">Muse Templates</a></li>
  202.                     <li><a class="dropdown-item" href="marketplace-category.html">Plugins</a></li>
  203.                   </ul>
  204.                 </li>
  205.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Fonts</a>
  206.                   <ul class="dropdown-menu">
  207.                     <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>
  208.                     <li class="dropdown-divider"></li>
  209.                     <li><a class="dropdown-item" href="marketplace-category.html">Blackletter</a></li>
  210.                     <li><a class="dropdown-item" href="marketplace-category.html">Display</a></li>
  211.                     <li><a class="dropdown-item" href="marketplace-category.html">Non Western</a></li>
  212.                     <li><a class="dropdown-item" href="marketplace-category.html">Sans Serif</a></li>
  213.                     <li><a class="dropdown-item" href="marketplace-category.html">Script</a></li>
  214.                     <li><a class="dropdown-item" href="marketplace-category.html">Serif</a></li>
  215.                     <li><a class="dropdown-item" href="marketplace-category.html">Slab Serif</a></li>
  216.                     <li><a class="dropdown-item" href="marketplace-category.html">Symbols</a></li>
  217.                   </ul>
  218.                 </li>
  219.                 <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Add-Ons</a>
  220.                   <ul class="dropdown-menu">
  221.                     <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>
  222.                     <li class="dropdown-divider"></li>
  223.                     <li><a class="dropdown-item" href="marketplace-category.html">Photoshop Add-Ons</a></li>
  224.                     <li><a class="dropdown-item" href="marketplace-category.html">Illustrator Add-Ons</a></li>
  225.                     <li><a class="dropdown-item" href="marketplace-category.html">Sketch Plugins</a></li>
  226.                     <li><a class="dropdown-item" href="marketplace-category.html">Procreate Brushes</a></li>
  227.                     <li><a class="dropdown-item" href="marketplace-category.html">InDesign Palettes</a></li>
  228.                     <li><a class="dropdown-item" href="marketplace-category.html">Lightroom Presets</a></li>
  229.                     <li><a class="dropdown-item" href="marketplace-category.html">Other Software</a></li>
  230.                   </ul>
  231.                 </li>
  232.               </ul>
  233.             </li>
  234.           </ul>
  235.           &lt;!-- Primary menu--&gt;
  236.           <ul class="navbar-nav">
  237.             <li class="nav-item"><a class="nav-link" href="index.html">Back to main demo</a></li>
  238.           </ul>
  239.         </div>
  240.       </div>
  241.     </div>
  242.     &lt;!-- Search collapse--&gt;
  243.     <div class="search-box collapse" id="searchBox">
  244.       <div class="card pt-2 pb-4 border-0 rounded-0">
  245.         <div class="container">
  246.           <div class="input-group"><i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
  247.             &lt;input class="form-control rounded-start" type="text" placeholder="Search marketplace"&gt;
  248.           </div>
  249.         </div>
  250.       </div>
  251.     </div>
  252.   &lt;/header&gt;
  253.        
  254. <div class="page-title-overlap bg-dark pt-4">
  255.   <div class="container d-lg-flex justify-content-between py-2 py-lg-3">
  256.     <div class="order-lg-2 mb-3 mb-lg-0 pt-lg-2">
  257.       <nav aria-label="breadcrumb">
  258.         <ol
  259.           class="breadcrumb breadcrumb-light flex-lg-nowrap justify-content-center justify-content-lg-start"
  260.         >
  261.           <li class="breadcrumb-item">
  262.             <a class="text-nowrap" href="index.html"><i class="ci-home"></i>Home</a
  263.             >
  264.           </li>
  265.           <li class="breadcrumb-item text-nowrap"><a href="#">Account</a></li>
  266.           <li class="breadcrumb-item text-nowrap active" aria-current="page">
  267.             Profile info
  268.           </li>
  269.         </ol>
  270.       </nav>
  271.     </div>
  272.     <div class="order-lg-1 pe-lg-4 text-center text-lg-start">
  273.       <h1 class="h3 text-light mb-0">Profile info</h1>
  274.     </div>
  275.   </div>
  276. </div>
  277.  
  278. <div class="container mb-5 pb-3">
  279.   <div class="bg-light shadow-lg rounded-3 overflow-hidden">
  280.     <div class="row">
  281.       &lt;!-- Sidebar--&gt;
  282.       <aside class="col-lg-4 pe-xl-5">
  283.         &lt;!-- Account menu toggler (hidden on screens larger 992px)--&gt;
  284.         <div class="d-block d-lg-none p-4">
  285.           <a
  286.             class="btn btn-outline-accent d-block"
  287.             href="#account-menu"
  288.             data-bs-toggle="collapse"><i class="ci-menu me-2"></i>Account menu</a
  289.           >
  290.         </div>
  291.         &lt;!-- Actual menu--&gt;
  292.         <div class="h-100 border-end mb-2">
  293.           <div class="d-lg-block collapse" id="account-menu">
  294.             <div class="bg-secondary p-4">
  295.               <h3 class="fs-sm mb-0 text-muted">Account</h3>
  296.             </div>
  297.             <ul class="list-unstyled mb-0">
  298.               <li class="border-bottom mb-0">
  299.                 <a
  300.                   class="nav-link-style d-flex align-items-center px-4 py-3 active"
  301.                   href="dashboard-settings.html"><i class="ci-settings opacity-60 me-2"></i>Settings</a
  302.                 >
  303.               </li>
  304.               <li class="border-bottom mb-0">
  305.                 <a
  306.                   class="nav-link-style d-flex align-items-center px-4 py-3"
  307.                   href="dashboard-purchases.html"><i class="ci-basket opacity-60 me-2"></i>Purchases</a
  308.                 >
  309.               </li>
  310.               <li class="mb-0">
  311.                 <a
  312.                   class="nav-link-style d-flex align-items-center px-4 py-3"
  313.                   href="dashboard-faq.html"><i class="ci-help opacity-60 me-2"></i>FAQ</a
  314.                 >
  315.               </li>
  316.             </ul>
  317.           </div>
  318.         </div>
  319.       </aside>
  320.       &lt;!-- Content--&gt;
  321.       <div class="col-lg-8">
  322.        
  323.         &lt;!-- Profile settings--&gt;
  324.         <section class="pt-2 pb-4 my-lg-3">
  325.           <div class="row">
  326.             <div class="col-sm-9">
  327.               <h2 class="h6 pb-3 border-bottom">Profile settings</h2>
  328.               <div class="row">
  329.                 <div class="col-sm-6 mb-4">
  330.                   <label class="form-label" for="profile-fn">First name</label>
  331.                   &lt;input
  332.                     class="form-control"
  333.                     type="text"
  334.                     id="profile-fn"
  335.                     value="John"
  336.                   /&gt;
  337.                 </div>
  338.                 <div class="col-sm-6 mb-4">
  339.                   <label class="form-label" for="profile-ln">Last name</label>
  340.                   &lt;input
  341.                     class="form-control"
  342.                     type="text"
  343.                     id="profile-ln"
  344.                     value="Doe"
  345.                   /&gt;
  346.                 </div>
  347.                 <div class="col-12 mb-4">
  348.                   <label class="form-label" for="profile-email"
  349.                     >Email address</label
  350.                   >
  351.                   &lt;input
  352.                     class="form-control"
  353.                     type="email"
  354.                     id="profile-email"
  355.                     value="[email protected]"
  356.                   /&gt;
  357.                 </div>
  358.                 <div class="col-12 mb-4">
  359.                   <label class="form-label" for="profile-phone"
  360.                     >Phone number</label
  361.                   >
  362.                   &lt;input
  363.                     class="form-control"
  364.                     type="text"
  365.                     id="profile-phone"
  366.                     value="+1 (312) 211-7800"
  367.                   /&gt;
  368.                 </div>
  369.               </div>
  370.             </div>
  371.           </div>
  372.           <button class="btn btn-primary" type="button">Save changes</button>
  373.         </section>
  374.        
  375.       </div>
  376.     </div>
  377.   </div>
  378. </div>
  379.  
  380.     </main>
  381.     <footer class="footer bg-dark pt-5">
  382.   <div class="container pt-2 pb-3">
  383.     <div class="row">
  384.       <div class="col-md-6 text-center text-md-start mb-4">
  385.         <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>
  386.         <p class="fs-sm text-white opacity-70 pb-1">High quality items created by our global community.</p>
  387.         <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>
  388.         <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>
  389.         <h6 class="d-inline-block me-3"><span class="text-primary">897 </span><span class="fw-normal text-white">Vendors</span></h6>
  390.         <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>
  391.       </div>
  392.       &lt;!-- Mobile dropdown menu (visible on screens below md)--&gt;
  393.       <div class="col-12 d-md-none text-center mb-4 pb-2">
  394.         <div class="btn-group dropdown d-block mx-auto mb-3">
  395.           <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">Categories</button>
  396.           <ul class="dropdown-menu my-1">
  397.             <li><a class="dropdown-item" href="#">Photos</a></li>
  398.             <li><a class="dropdown-item" href="#">Graphics</a></li>
  399.             <li><a class="dropdown-item" href="#">UI Design</a></li>
  400.             <li><a class="dropdown-item" href="#">Web Themes</a></li>
  401.             <li><a class="dropdown-item" href="#">Fonts</a></li>
  402.             <li><a class="dropdown-item" href="#">Add-Ons</a></li>
  403.           </ul>
  404.         </div>
  405.         <div class="btn-group dropdown d-block mx-auto">
  406.           <button class="btn btn-outline-light border-light dropdown-toggle" type="button" data-bs-toggle="dropdown">For members</button>
  407.           <ul class="dropdown-menu my-1">
  408.             <li><a class="dropdown-item" href="#">Licenses</a></li>
  409.             <li><a class="dropdown-item" href="#">Return policy</a></li>
  410.             <li><a class="dropdown-item" href="#">Payment methods</a></li>
  411.             <li><a class="dropdown-item" href="#">Become a vendor</a></li>
  412.             <li><a class="dropdown-item" href="#">Become an affiliate</a></li>
  413.             <li><a class="dropdown-item" href="#">Marketplace benefits</a></li>
  414.           </ul>
  415.         </div>
  416.       </div>
  417.       &lt;!-- Desktop menu (visible on screens above md)--&gt;
  418.       <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  419.         <div class="widget widget-links widget-light pb-2">
  420.           <h3 class="widget-title text-light">Categories</h3>
  421.           <ul class="widget-list">
  422.             <li class="widget-list-item"><a class="widget-list-link" href="#">Photos</a></li>
  423.             <li class="widget-list-item"><a class="widget-list-link" href="#">Graphics</a></li>
  424.             <li class="widget-list-item"><a class="widget-list-link" href="#">UI Design</a></li>
  425.             <li class="widget-list-item"><a class="widget-list-link" href="#">Web Themes</a></li>
  426.             <li class="widget-list-item"><a class="widget-list-link" href="#">Fonts</a></li>
  427.             <li class="widget-list-item"><a class="widget-list-link" href="#">Add-Ons</a></li>
  428.           </ul>
  429.         </div>
  430.       </div>
  431.       <div class="col-md-3 d-none d-md-block text-center text-md-start mb-4">
  432.         <div class="widget widget-links widget-light pb-2">
  433.           <h3 class="widget-title text-light">For members</h3>
  434.           <ul class="widget-list">
  435.             <li class="widget-list-item"><a class="widget-list-link" href="#">Licenses</a></li>
  436.             <li class="widget-list-item"><a class="widget-list-link" href="#">Return policy</a></li>
  437.             <li class="widget-list-item"><a class="widget-list-link" href="#">Payment methods</a></li>
  438.             <li class="widget-list-item"><a class="widget-list-link" href="#">Become a vendor</a></li>
  439.             <li class="widget-list-item"><a class="widget-list-link" href="#">Become an affiliate</a></li>
  440.             <li class="widget-list-item"><a class="widget-list-link" href="#">Marketplace benefits</a></li>
  441.           </ul>
  442.         </div>
  443.       </div>
  444.     </div>
  445.   </div>
  446.   &lt;!-- Second row--&gt;
  447.   <div class="pt-5 bg-darker">
  448.     <div class="container">
  449.       <div class="widget w-100 mb-4 pb-3 text-center mx-auto"  28rem;">
  450.         <h3 class="widget-title text-light pb-1">Subscribe to newsletter</h3>
  451.         >
  452.           <div class="input-group flex-nowrap"><i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
  453.             &lt;input class="form-control rounded-start" type="email" name="EMAIL" placeholder="Your email" required&gt;
  454.             <button class="btn btn-primary" type="submit" name="subscribe">Subscribe*</button>
  455.           </div>
  456.           &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;
  457.           <div  absolute; left: -5000px;" aria-hidden="true">
  458.             &lt;input class="subscription-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1"&gt;
  459.           </div>
  460.           <div class="form-text text-light opacity-50">*Receive early discount offers, updates and new products info.</div>
  461.           <div class="subscription-status"></div>
  462.         &lt;/form&gt;
  463.       </div>
  464.       <hr class="hr-light mb-3">
  465.       <div class="d-md-flex justify-content-between pt-4">
  466.         <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>
  467.         <div class="widget widget-links widget-light pb-4">
  468.           <ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
  469.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Help Center</a></li>
  470.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Affiliates</a></li>
  471.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Support</a></li>
  472.             <li class="widget-list-item ms-4"><a class="widget-list-link fs-ms" href="#">Terms &amp; Conditions</a></li>
  473.           </ul>
  474.         </div>
  475.       </div>
  476.     </div>
  477.   </div>
  478. </footer>
  479.     &lt;!-- Toolbar for handheld devices (Marketplace)--&gt;
  480.     <div class="handheld-toolbar">
  481.       <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>
  482.     </div>
  483.     &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>
  484.     [removed][removed]
  485.  
  486.     [removed][removed]
  487.     [removed][removed]
  488.  
  489.     [removed][removed]
  490. &lt;/body&gt;
  491. &lt;/html&gt;