mirror of
https://github.com/Rushilwiz/brancher.git
synced 2025-04-10 23:40:16 -04:00
Index side login panel addition
This commit is contained in:
RushilSidhu
parent
f146518a1f
commit
7272112364
255
index Rushil S Copy.html
Normal file
255
index Rushil S Copy.html
Normal file
|
|
@ -0,0 +1,255 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Brancher Influencer Sign Up</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="icon" type="image/png" href="css/res/inverse_branch.svg"/>
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="css/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="css/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="css/fonts/iconic/css/material-design-iconic-font.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
|
||||
<!--===============================================================================================-->
|
||||
<link rel="stylesheet" href="css/util.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<!--===============================================================================================-->
|
||||
</head>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link rel="stylesheet" type="text/css" href="css/styles.css">
|
||||
|
||||
<head>
|
||||
<title>Brancher</title>
|
||||
<link rel="icon" type="image/x-icon" href="./css/res/inverse_branch.svg"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<link href='https://fonts.googleapis.com/css?family=Montserrat|Cardo' rel='stylesheet' type='text/css'>
|
||||
|
||||
<header class="main_h">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<a>
|
||||
<img class="logo" src="./css/res/brancher_logo_v2_white.png" style="padding-left: 10px">
|
||||
<!--logo font is unispace-->
|
||||
</a>
|
||||
|
||||
<div class="mobile-toggle">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="company.html">Companies</a></li>
|
||||
<li><a href="influencer.html">Influencers</a></li>
|
||||
<li><div class="dropdown">
|
||||
<button class="dropbtn">SIGN UP</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="signup4influence.html">I'm an influencer</a>
|
||||
<a href="signup4influence.html">I'm a company or brand</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<div id="mySidenav" class="sidenav">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="limiter">
|
||||
<div class="container-login100">
|
||||
<div class="login100-more">
|
||||
</div>
|
||||
|
||||
<div class="wrap-login100 p-l-50 p-r-50 p-t-72 p-b-50">
|
||||
<form class="login100-form validate-form">
|
||||
<span class="login100-form-title p-b-59">
|
||||
Sign Up as an Influencer
|
||||
</span>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate="Name is required">
|
||||
<span class="label-input100">Full Name</span>
|
||||
<input class="input100" type="text" name="name" placeholder="Name...">
|
||||
<span class="focus-input100"></span>
|
||||
</div>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
|
||||
<span class="label-input100">Email</span>
|
||||
<input class="input100" type="text" name="email" placeholder="Email addess...">
|
||||
<span class="focus-input100"></span>
|
||||
</div>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate="Username is required">
|
||||
<span class="label-input100">Username</span>
|
||||
<input class="input100" type="text" name="username" placeholder="Username...">
|
||||
<span class="focus-input100"></span>
|
||||
</div>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate = "Password is required">
|
||||
<span class="label-input100">Password</span>
|
||||
<input class="input100" type="text" name="pass" placeholder="*************">
|
||||
<span class="focus-input100"></span>
|
||||
</div>
|
||||
<p style="position:absolute; left:47px; top:618px;" class="text-muted">*Password must contain at least one capital and lower case letter and be longer than six characters.</p>
|
||||
<div class="wrap-input100 validate-input" data-validate = "Repeat Password is required">
|
||||
<span class="label-input100">Repeat Password</span>
|
||||
<input class="input100" type="text" name="repeat-pass" placeholder="*************">
|
||||
<span class="focus-input100"></span>
|
||||
</div>
|
||||
|
||||
<div class="flex-m w-full p-b-33">
|
||||
<div class="contact100-form-checkbox">
|
||||
<input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
|
||||
<label class="label-checkbox100" for="ckb1">
|
||||
<span class="txt1">
|
||||
I agree to the
|
||||
<a href="privacy.html" class="txt2 hov1">
|
||||
Terms of Service
|
||||
</a>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container-login100-form-btn">
|
||||
<div class="wrap-login100-form-btn">
|
||||
<div class="login100-form-bgbtn"></div>
|
||||
<button class="login100-form-btn">
|
||||
Sign Up
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<a href="login.html" class="dis-block txt3 hov1 p-r-30 p-t-10 p-b-10 p-l-30">
|
||||
Log In
|
||||
<i class="fa fa-long-arrow-right m-l-5"></i>
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--===============================================================================================-->
|
||||
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="vendor/animsition/js/animsition.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="vendor/bootstrap/js/popper.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="vendor/select2/select2.min.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="vendor/daterangepicker/moment.min.js"></script>
|
||||
<script src="vendor/daterangepicker/daterangepicker.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="vendor/countdowntime/countdowntime.js"></script>
|
||||
<!--===============================================================================================-->
|
||||
<script src="js/main2.js"></script>
|
||||
</div>
|
||||
<!-- Use any element to open the sidenav -->
|
||||
<li><a span onclick="openNav()">Login</a span></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!--<div class="hero gradient-border">-->
|
||||
|
||||
<!--<head>
|
||||
<meta charset="utf-8">
|
||||
<title>...</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/slider.css" />
|
||||
<script src="js/slider.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ba-slider">
|
||||
<a href="influencer.html">
|
||||
<img src="css/res/home_page_influencers_r.png" style="padding-top: 70px" alt="">
|
||||
</a>
|
||||
<div class="resize">
|
||||
<a href="company.html">
|
||||
<img src="css/res/home_page_companies.png" style="padding-top: 70px" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<span class="handle"></span>
|
||||
</div>
|
||||
</body>-->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>...</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/slider.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="column" style="margin-top: 70px">
|
||||
<a href="company.html">
|
||||
<img src="css/res/home_page_left.png" alt="" style="width:100%; height:50%" >
|
||||
</a>
|
||||
</div>
|
||||
<div class="column" style="margin-top: 70px">
|
||||
<a href="influencer.html">
|
||||
<img src="css/res/home_page_right.png" alt="" style="width:100%; height:50%">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class = "columnSpaceContainer">
|
||||
<div class="columnSpace">
|
||||
<a href="company.html">
|
||||
<img src="css/res/white.png" alt="" style="width:100%;height:100%" >
|
||||
</a>
|
||||
</div>
|
||||
<div class="columnSpace">
|
||||
<a href="influencer.html">
|
||||
<img src="css/res/black.png" alt="" style="width:100%;height:100%">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<!--<head>
|
||||
<meta charset="utf-8">
|
||||
<title>...</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/slider.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class = "columnSpaceContainer">
|
||||
<div class="columnSpace">
|
||||
<a href="company.html">
|
||||
<img src="css/res/white.png" alt="" style="width:100%;height:100%" >
|
||||
</a>
|
||||
</div>
|
||||
<div class="columnSpace">
|
||||
<a href="influencer.html">
|
||||
<img src="css/res/black.png" alt="" style="width:100%;height:100%">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body> -->
|
||||
<!--</div>-->
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
|
|
@ -30,7 +30,7 @@ $(document).ready(function() {
|
|||
});
|
||||
/* Set the width of the side navigation to 250px */
|
||||
function openNav() {
|
||||
document.getElementById("mySidenav").style.width = "20%";
|
||||
document.getElementById("mySidenav").style.width = "27%";
|
||||
}
|
||||
|
||||
/* Set the width of the side navigation to 0 */
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user