File: /home/emblazeone/public_html/smilz/MyAccount-profile.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Profile</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<link rel="stylesheet" href="OwlCarousel2-2.3.4/src/scss/owl.carousel.css">
<link rel="stylesheet" href="OwlCarousel2-2.3.4/src/scss/owl.theme.default.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="header-info position-relative text-center">
<span class="header-info__text">FREE Shipping on all US Orders!</span>
<span class="header-info__exit position-absolute">
<i class=" fas fa-times"></i>
</span>
</section>
<!--Nav-->
<nav class="container-fluid position-absolute main-navbar">
<div class="container-fluid m-auto">
<div class="row">
<div class="col-3 col-md-4 d-flex align-items-center">
<div class="button-menu"></div>
<a href="#" class="decor-none link-menu shop-icon">Shop</a>
<a href="#" class="col-md-ml-2 decor-none link-menu search-icon"><span>Search</span></a>
</div>
<!--------------------------------------------------------------------------->
<div class="col-6 col-md-4 text-center">
<a href="#" class="logo">
<img src="images/logo.png" alt="logo">
</a>
</div>
<!--------------------------------------------------------------------------->
<div class="col-3 col-md-4 d-flex justify-content-end align-items-center">
<div class="icon-wrap position-relative">
<a href="#" class="user-icon decor-none"><i class="far fa-user-circle"></i></a>
<div class="drop-down">
<div class="drop_1 register-item pr-3 mr-4 border-right border-dark">Register</div>
<div class="drop_2 register-item">Login</div>
</div></div>
<a href="#" class="bag-icon decor-none position-relative">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M16 6v-2c0-2.209-1.791-4-4-4s-4 1.791-4 4v2h-5v18h18v-18h-5zm-7-2c0-1.654 1.346-3 3-3s3 1.346 3 3v2h-6v-2zm10 18h-14v-14h3v1.5c0 .276.224.5.5.5s.5-.224.5-.5v-1.5h6v1.5c0 .276.224.5.5.5s.5-.224.5-.5v-1.5h3v14z"/>
</svg>
<span class="amount-icon">2</span>
</a>
</div>
</div>
</div>
<div class="nav-menu">
<div class="wrap-nav-btn d-flex flex-column justify-content-center">
<div class="btn-exit-menu nav-menu__btn-exit">
<img src="images/left-arrow.svg" alt="close">
</div>
</div>
<div class="nav__wrapper">
<ul class="top__menu list-unstyled">
<li class="menu__item"><a href="#" class="menu__item-link decor-none">Home</a></li>
<li class="menu__item"><a href="#" class="menu__item-link decor-none">About</a></li>
<li class="menu__item"><a href="#" class="menu__item-link decor-none">Product #1</a></li>
<li class="menu__item"><a href="#" class="menu__item-link decor-none">Product #2</a></li>
<li class="menu__item"><a href="#" class="menu__item-link decor-none">Product #3</a></li>
<li class="menu__item"><a href="#" class="menu__item-link decor-none">Contact</a></li>
</ul>
<div class="d-flex">
<a href="#" class="register-item decor-none pr-3 mr-4 border-right border-dark">login</a>
<a href="#" class="register-item decor-none">create account</a>
</div>
</div>
<div class="nav__social-group bg-grey d-flex justify-content-between align-items-center">
<a href="#" class="text-uppercase decor-none">#smilzforever</a>
<div>
<a href="#" class="mr-1" target="_blank">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook"
viewBox="0 0 50 50">
<g>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;" d="M25,2.5c12.4,0,22.5,10.1,22.5,22.5c0,12.4-10.1,22.5-22.5,22.5C12.6,47.5,2.5,37.4,2.5,25
C2.5,12.6,12.6,2.5,25,2.5L25,2.5z M25,2.5"></path>
<path d="M27.7,18h2.9v-4.3h-3.4v0c-4.1,0.1-5,2.5-5.1,4.9h0v2.1h-2.8V25h2.8v11.2h4.2V25h3.5l0.7-4.2h-4.1v-1.3
C26.4,18.7,27,18,27.7,18L27.7,18z M27.7,18"></path>
</g>
</svg>
</a>
<a href="#" target="_blank">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"
viewBox="0 0 50 50">
<g>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M25,2c12.7,0,23,10.3,23,23c0,12.7-10.3,23-23,23C12.3,48,2,37.7,2,25C2,12.3,12.3,2,25,2L25,2z M25,2"></path>
<path d="M30.1,14H20c-3.3,0-6,2.7-6,6v10.1c0,3.3,2.7,6,6,6h10.1c3.3,0,6-2.7,6-6V20C36.1,16.7,33.4,14,30.1,14z M25.1,31.1
c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S28.4,31.1,25.1,31.1z M31.2,20.5c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8
S32.2,20.5,31.2,20.5z">
</path>
</g>
</svg>
</a>
</div>
</div>
</div>
<div class="register-form register-wrapper">
<div class="wrap-nav-btn d-flex flex-column justify-content-center align-items-end">
<div class="btn-exit-menu nav-menu__btn-register btn-arrow-right">
<img src="images/right-arrow.svg" alt="close">
</div>
</div>
<div class="form-top d-flex flex-column align-items-center justify-content-center">
<h2 class="main-title form-top__title">Register</h2>
<div class="form-group form-group-width">
<input type="text" class="form-control" placeholder="First Name" id="InputPassword1">
</div>
<div class="form-group form-group-width">
<input type="text" class="form-control" placeholder="Last Name" id="InputPassword2">
</div>
<div class="form-group form-group-width">
<input type="email" class="form-control" placeholder="Email" id="InputPassword3">
</div>
<div class="form-group form-group-width">
<input type="password" class="form-control" placeholder="Password" id="InputPassword4">
</div>
<button class="btn btn-success">Sign Up</button>
</div>
<div class="form-bottom bg-grey d-flex flex-column align-items-center justify-content-center">
<p class="form-bottom__title font-weight-bold">You have an account already?</p>
<button class="btn btn-dark">Sign Up</button>
</div>
</div>
<div class="register-form login-wrapper">
<div class="wrap-nav-btn d-flex flex-column justify-content-center align-items-end">
<div class="btn-exit-menu nav-menu__btn-register btn-arrow-right">
<img src="images/right-arrow.svg" alt="close">
</div>
</div>
<div class="form-top d-flex flex-column align-items-center justify-content-center">
<h2 class="main-title form-top__title mb-5">Login</h2>
<div class="form-group form-group-width">
<input type="text" class="form-control" placeholder="First Name" id="exampleInputPassword1">
</div>
<div class="form-group form-group-width">
<input type="text" class="form-control" placeholder="Last Name" id="exampleInputPassword2">
</div>
<button class="btn btn-success mb-4">Sign Up</button>
<a href="#" class="decor-none">Forgot Password?</a>
</div>
<div class="form-bottom bg-grey d-flex flex-column align-items-center justify-content-center">
<p class="form-bottom__title font-weight-bold">Don’t have an account?</p>
<button class="btn btn-dark">Register</button>
</div>
</div>
<div class="search-form">
<div class="container">
<div class="d-flex justify-content-between align-items-center my-4">
<h2 class="search-title">Search</h2>
<div class="btn-exit-menu btn-exit__search btn-cross">
<img src="images/cancel%20(1).svg" alt="close">
</div>
</div>
<div class="wrap-search-form d-flex align-items-baseline">
<div class="form-group w-100">
<input type="text" class="form-control form-search" placeholder="WHILE TYPING|" id="Input">
</div>
<a href="#" class="btn btn-success search-btn mx-1">SEARCH</a>
<a href="#" class="btn btn-dark search-btn">CLOSE</a>
</div>
</div>
</div>
</nav>
<section class="profile-wrapper bg-grey profile-profile">
<div class="container">
<h1 class="main-title profile-wrapper__title">My Account</h1>
<div class="row">
<aside class="profile-nav col-12 col-md-3">
<ul class="profile-nav__menu list-unstyled">
<li class="profile-nav__item active"><a href="#">Profile</a></li>
<li class="profile-nav__item"><a href="#">Payment Info</a></li>
<li class="profile-nav__item"><a href="#">Shipping Address</a></li>
<li class="profile-nav__item"><a href="#">Settings</a></li>
</ul>
</aside>
<div class="col-12 col-md-8 ml-md-auto col-lg-7 ml-lg-0 mr-lg-auto profile">
<h2 class="main-title profile__title">Profile</h2>
<div class="profile__photo-wrapper d-flex align-items-center">
<div class="profile__photo mr-3 d-flex flex-column justify-content-center align-items-center">
<img src="images/profile%20photo.png" alt="profile-photo">
</div>
<div class="form-group mb-0">
<input type="file" class="hide" id="upload">
<label class="btn btn-success btn-upload mb-0" for="upload">Upload a New Picture</label>
<button class="btn btn-secondary btn-delete">Delete</button>
</div>
</div>
<form class="profile-form" action="">
<div class="form-group">
<label for="exampleInputEmail1">Your Name</label>
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter Email">
</div>
<div class="form-group">
<label for="exampleInputEmail3">Password</label>
<input type="password" class="form-control mb-3" id="exampleInputEmail3"
placeholder="••••••••">
<small id="emailHelp" class="form-text text-muted">we recommend at least 8 characters long
avoiding patterns and common words/phrases</small>
</div>
<div class="form-group">
<label for="exampleInputEmail4">Location</label>
<input type="email" class="form-control" id="exampleInputEmail4" placeholder="Enter Location">
</div>
<div class="form-group d-flex flex-column">
<label for="textarea1">Bio</label>
<textarea class="form-control" id="textarea1"></textarea>
</div>
</form>
<button class="btn btn-success">Update Profile</button>
</div>
</div>
</div>
</section>
<footer>
<div class="top-footer">
<div class="container">
<div class="row">
<div class="social col-12 col-sm-4">
<h2>#SMILZ</h2>
<a href="#" target="_blank">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook"
viewBox="0 0 50 50">
<g>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;" d="M25,2.5c12.4,0,22.5,10.1,22.5,22.5c0,12.4-10.1,22.5-22.5,22.5C12.6,47.5,2.5,37.4,2.5,25
C2.5,12.6,12.6,2.5,25,2.5L25,2.5z M25,2.5"></path>
<path d="M27.7,18h2.9v-4.3h-3.4v0c-4.1,0.1-5,2.5-5.1,4.9h0v2.1h-2.8V25h2.8v11.2h4.2V25h3.5l0.7-4.2h-4.1v-1.3
C26.4,18.7,27,18,27.7,18L27.7,18z M27.7,18"></path>
</g>
</svg>
</a>
<a href="#" target="_blank">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"
viewBox="0 0 50 50">
<g>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M25,2c12.7,0,23,10.3,23,23c0,12.7-10.3,23-23,23C12.3,48,2,37.7,2,25C2,12.3,12.3,2,25,2L25,2z M25,2"></path>
<path d="M30.1,14H20c-3.3,0-6,2.7-6,6v10.1c0,3.3,2.7,6,6,6h10.1c3.3,0,6-2.7,6-6V20C36.1,16.7,33.4,14,30.1,14z M25.1,31.1
c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S28.4,31.1,25.1,31.1z M31.2,20.5c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8
S32.2,20.5,31.2,20.5z">
</path>
</g>
</svg>
</a>
<p>
COPYRIGHT © EMBLAZE ONE INC. ALL RIGHTS RESERVED.
</p>
</div>
<div class="service-link col-12 col-sm-4">
<ul>
<li class="shop-service">
<a href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<rect x="8.3" y="11.6" class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;" width="23.4"
height="23.4"></rect>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M13.5,11.6c0-3.6,3-6.6,6.6-6.6s6.6,3,6.6,6.6"></path>
</svg>
SHOP
</a>
</li>
<li class="shipping-service">
<a href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<g>
<circle class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
cx="9.9" cy="27.5" r="2.9"></circle>
<circle class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
cx="32.7" cy="27.5" r="2.9"></circle>
<path class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
d="M26.8,12.4H31c3.9,0,7,3.2,7,7v8.1h-2.4"></path>
<polyline class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
points="6.9,27.5 4.6,27.5 4.6,22 24.9,22 "></polyline>
<polyline class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
points="12.8,27.5 24.9,27.5 29.8,27.5 "></polyline>
<rect x="2" y="9.6" class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
width="24.8" height="12.4"></rect>
<polyline class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
points="31.5,12.4 31.5,20.3 38,20.3 "></polyline>
</g>
</svg>
SHIPPING
</a>
</li>
<li class="track-service">
<a href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<rect x="8.3" y="11.6" class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;" width="23.4"
height="23.4"></rect>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M13.5,11.6c0-3.6,3-6.6,6.6-6.6s6.6,3,6.6,6.6"></path>
</svg>
TRACK ORDER
</a>
</li>
</ul>
</div>
<div class="quick-info col-12 col-sm-4">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Faq</a>
</li>
<li>
<a href="#">Refund Policy</a>
</li>
<li>
<a href="#">Terms of Use</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="lower-footer">
<div class="container-fluid">
<div class="page-width">
<div class="grid grid-top grid--no-gutters">
<div class="grid__item widescreen--one-whole post-large--one-whole large--one-whole medium--one-whole small--grid__item text-center">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 214 24"
style="enable-background:new 0 0 214 24;" xml:space="preserve">
<style type="text/css">
.st0-i-s {
fill: #7C5E30;
}
.st1-i-s {
font-family: "Poppins";
}
.st2-i-s {
font-size: 12.3023px;
}
.st3-i-s {
letter-spacing: 1px;
}
</style>
<g>
<g>
<path class="st0-i-s" d="M0.3,9.9v13c0,0.6,0.5,1.1,1.1,1.1h15.3c0.6,0,1.1-0.5,1.1-1.1v-13c0-0.6-0.5-1.1-1.1-1.1H1.4
C0.8,8.7,0.3,9.2,0.3,9.9z M9,13.1c1.2,0,2.2,1,2.2,2.3c0,0.8-0.4,1.6-1.1,2v2c0,0,0,1.1-1.1,1.1c-1.1,0-1.1-1.1-1.1-1.1v-2
c-0.7-0.4-1.1-1.1-1.1-2C6.8,14.2,7.8,13.1,9,13.1z"></path>
<path class="st0-i-s" d="M14.5,8.7v-3c0,0,0-5.7-5.5-5.7C3.5,0,3.5,5.7,3.5,5.7v3h1.1v-3c0,0,0-4.6,4.4-4.6s4.4,4.6,4.4,4.6v3
L14.5,8.7L14.5,8.7z"></path>
</g>
</g>
<text style="font-family: 'SofiaProRegular'" transform="matrix(1 0 0 1 29.0029 17.6201)"
class="st0-i-s st1-i-s st2-i-s st3-i-s">
100% SECURED CHECKOUT BY
</text>
</svg>
</div>
</div>
<div class="grid grid-bottom grid--no-gutters">
<img src="images/footer-1.svg" alt="logo-card"/>
<img src="images/footer-2.svg" alt="logo-card"/>
<img src="images/footer-3.svg" alt="logo-card"/>
<img src="images/footer-4.svg" alt="logo-card"/>
<img src="images/footer-5.svg" alt="logo-card"/>
<img src="images/footer-6.svg" alt="logo-card"/>
<img src="images/footer-7.svg" alt="logo-card"/>
<img src="images/footer-8.svg" alt="logo-card"/>
<img src="images/footer-9.svg" alt="logo-card"/>
<img src="images/footer-10.svg" alt="logo-card"/>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>