mirror of
https://github.com/Rushilwiz/brancher.git
synced 2025-04-10 23:40:16 -04:00
rolled back 10 commits
This commit is contained in:
parent
d64b17ce39
commit
de7b6ec8cc
|
|
@ -14,19 +14,16 @@
|
|||
z-index: 999;
|
||||
width: 100%;
|
||||
padding-top: 17px;
|
||||
color: linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%);
|
||||
background:black;
|
||||
color: white;
|
||||
background:linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%);
|
||||
;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
padding-bottom: 6px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%);
|
||||
}
|
||||
font-family: "Montserrat", sans-serif; }
|
||||
@media only screen and (max-width: 766px) {
|
||||
.main_h {
|
||||
padding-top: 25px; } }
|
||||
padding-top: 25px; } }
|
||||
|
||||
.open-nav {
|
||||
max-height: 400px !important; }
|
||||
|
|
@ -73,12 +70,13 @@ nav {
|
|||
padding: 7px 0;
|
||||
margin: 0; } }
|
||||
nav ul a {
|
||||
color: #FFFFFF;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
transition: .3s; }
|
||||
nav ul a:hover {
|
||||
color: linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%);
|
||||
color: #ffd1dc;
|
||||
font-size: 15px;
|
||||
text-decoration: none; }
|
||||
|
||||
|
|
@ -116,8 +114,10 @@ nav {
|
|||
box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
color: #8f8f8f;
|
||||
background: white;
|
||||
//color: #8f8f8f;
|
||||
//background: white;
|
||||
color: white;
|
||||
background-image: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
|
||||
font-family: "Cardo", serif;
|
||||
font-weight: 300;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
|
|
@ -141,11 +141,30 @@ p {
|
|||
|
||||
.hero {
|
||||
position: relative;
|
||||
background: #FFFFFF url(res/branch_big.svg) no-repeat center center fixed;
|
||||
background: #333 url(res/branch_big.svg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
background-attachment: local;
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
color: #FFFFFF;
|
||||
=======
|
||||
=======
|
||||
>>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0
|
||||
body {
|
||||
animation: 10000ms ease-in-out infinite color-change;
|
||||
}
|
||||
|
||||
|
||||
<<<<<<< HEAD
|
||||
|
||||
>>>>>>> 362401d662a29cb198c7c00b361d9d098c08fc9b
|
||||
=======
|
||||
|
||||
|
||||
|
||||
>>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0
|
||||
padding-top: 70px;
|
||||
min-height: 100vh;
|
||||
letter-spacing: 2px;
|
||||
|
|
|
|||
15
index.html
15
index.html
|
|
@ -20,8 +20,7 @@
|
|||
<div class="row">
|
||||
|
||||
<a>
|
||||
/*<img class="logo" src="./css/res/white_on_black.svg">*/
|
||||
<img class="logo" src="sliders.html"
|
||||
<img class="logo" src="./css/res/white_on_black.svg">
|
||||
</a>
|
||||
|
||||
<div class="mobile-toggle">
|
||||
|
|
@ -49,9 +48,9 @@
|
|||
|
||||
<div class="row content">
|
||||
<h1 class="sec01">Get Started</h1>
|
||||
<p>Getting started with Brancher is free and easy. There are no contracts or commitments, and everything is based upon the wants of the influencer or the company. Whether you are an influencer or a company, the first step is to make an account. When the account is created, you will have the ability to show interest in endorsement as an influencer or a company. In an influencer's profile, there should be examples for the type of work done, and the type of audience. For companies, there will be a catalog of influencers to look from, with filters to ease the search. From there, influencers will be contacted by various companies, and both the influencer and company will branch out to the public. </p>
|
||||
<p>Whether your an influencer or company, Brancher offers you a platform to connect with the other side with the assurance that you and your team is safe legally and physcially. </p>
|
||||
<h1 class="sec02">Log In</h1>
|
||||
<p>Lorem Zaeem zaeem smells, Zbrar has small dick. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
|
||||
<p>Lorem Zaeem zaeem smells, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
|
||||
alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
|
||||
aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
|
||||
veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
|
||||
|
|
@ -59,7 +58,13 @@
|
|||
hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
|
||||
deleniti recusandae odit officiis. Quidem, cupiditate.</p>
|
||||
<h1 class="sec03">About Us</h1>
|
||||
<p>Brancher IS the platform that WILL effectively serve as the median of communication for both influencers and companies. Through providing a safe and free environment, we promote companies contracting influencers so they can sponsor a brand. As the median, building a trust is highly prioritized and ensured through our high end security. We are simply just a group of people who have a passion to reach out and connect others with ease!</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
|
||||
alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
|
||||
aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
|
||||
veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
|
||||
est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
|
||||
hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
|
||||
deleniti recusandae odit officiis. Quidem, cupiditate.</p>
|
||||
<h1 class="sec04">Contact</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
|
||||
alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
|
||||
|
|
|
|||
136
index2.html
136
index2.html
|
|
@ -12,7 +12,7 @@
|
|||
<title>brancher</title>
|
||||
</head>
|
||||
|
||||
<body text=linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%)>
|
||||
<body>
|
||||
<link href='https://fonts.googleapis.com/css?family=Montserrat|Cardo' rel='stylesheet' type='text/css'>
|
||||
|
||||
<header class="main_h">
|
||||
|
|
@ -42,143 +42,13 @@
|
|||
|
||||
</div>
|
||||
</header>
|
||||
<div class="hero gradient-border"><head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
* {box-sizing: border-box;}
|
||||
body {font-family: Verdana, sans-serif;}
|
||||
.mySlides {display: none;}
|
||||
img {vertical-align: middle;}
|
||||
|
||||
/* Slideshow container */
|
||||
.slideshow-container {
|
||||
max-width: 1000px;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* Caption text */
|
||||
.text {
|
||||
color: #f2f2f2;
|
||||
font-size: 15px;
|
||||
padding: 8px 12px;
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Number text (1/3 etc) */
|
||||
.numbertext {
|
||||
color: #f2f2f2;
|
||||
font-size: 12px;
|
||||
padding: 8px 12px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* The dots/bullets/indicators */
|
||||
.dot {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
margin: 0 2px;
|
||||
background-color: #bbb;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
transition: background-color 0.6s ease;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #717171;
|
||||
}
|
||||
|
||||
/* Fading animation */
|
||||
.fade {
|
||||
-webkit-animation-name: fade;
|
||||
-webkit-animation-duration: 4.5s;
|
||||
animation-name: fade;
|
||||
animation-duration: 4.5s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
from {opacity: .4}
|
||||
to {opacity: 1}
|
||||
}
|
||||
|
||||
@keyframes fade {
|
||||
from {opacity: .4}
|
||||
to {opacity: 1}
|
||||
}
|
||||
|
||||
/* On smaller screens, decrease text size */
|
||||
@media only screen and (max-width: 300px) {
|
||||
.text {font-size: 11px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>Automatic Slideshow</h2>
|
||||
<p>Change image every 2 seconds:</p>
|
||||
|
||||
<div class="slideshow-container">
|
||||
|
||||
<div class="mySlides fade">
|
||||
<div class="numbertext">1 / 3</div>
|
||||
<img src="test1.png" style="width:100%">
|
||||
<div class="text">Caption Text</div>
|
||||
</div>
|
||||
|
||||
<div class="mySlides fade">
|
||||
<div class="numbertext">2 / 3</div>
|
||||
<img src="test2.png" style="width:100%">
|
||||
<div class="text">Caption Two</div>
|
||||
</div>
|
||||
|
||||
<div class="mySlides fade">
|
||||
<div class="numbertext">3 / 3</div>
|
||||
<img src="test3.png" style="width:100%">
|
||||
<div class="text">Caption Three</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div style="text-align:center">
|
||||
<span class="dot"></span>
|
||||
<span class="dot"></span>
|
||||
<span class="dot"></span>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var slideIndex = 0;
|
||||
showSlides();
|
||||
|
||||
function showSlides() {
|
||||
var i;
|
||||
var slides = document.getElementsByClassName("mySlides");
|
||||
var dots = document.getElementsByClassName("dot");
|
||||
for (i = 0; i < slides.length; i++) {
|
||||
slides[i].style.display = "none";
|
||||
}
|
||||
slideIndex++;
|
||||
if (slideIndex > slides.length) {slideIndex = 1}
|
||||
for (i = 0; i < dots.length; i++) {
|
||||
dots[i].className = dots[i].className.replace(" active", "");
|
||||
}
|
||||
slides[slideIndex-1].style.display = "block";
|
||||
dots[slideIndex-1].className += " active";
|
||||
setTimeout(showSlides, 5000); // Change image every 2 seconds
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<div class="hero gradient-border">
|
||||
<h2><br><br>  You're a<br>brand</h2>
|
||||
</div>
|
||||
|
||||
<div class="row content">
|
||||
<h1 class="sec01">Get Started</h1>
|
||||
<p> Getting started with Brancher is free and easy. There are no contracts or commitments, and everything is based upon the wants of the influencer or the company. Whether you are an influencer or a company, the first step is to make an account. When the account is created, you will have the ability to show interest in endorsement as an influencer or a company. In an influencer's profile, there should be examples for the type of work done, and the type of audience. For companies, there will be a catalog of influencers to look from, with filters to ease the search. From there, influencers will be contacted by various companies, and both the influencer and company will branch out to the public. </p>
|
||||
<p>Whether your an influencer or company, Brancher offers you a platform to connect with the other side with the assurance that you and your team is safe legally and physcially. </p>
|
||||
<h1 class="sec02">Log In</h1>
|
||||
<p>Lorem Zaeem zaeem smells, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
|
||||
alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
|
||||
|
|
|
|||
177
login2.html
177
login2.html
|
|
@ -1,177 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,600' rel='stylesheet' type="text/css">
|
||||
<link rel="stylesheet" type="text/css" href="css/login.css">
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
body {font-family: Arial, Helvetica, sans-serif;}
|
||||
|
||||
/* Full-width input fields */
|
||||
input[type=text], input[type=password] {
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
margin: 8px 0;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Set a style for all buttons */
|
||||
button {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Extra styles for the cancel button */
|
||||
.cancelbtn {
|
||||
width: auto;
|
||||
padding: 10px 18px;
|
||||
background-color: #f44336;
|
||||
}
|
||||
|
||||
/* Center the image and position the close button */
|
||||
.imgcontainer {
|
||||
text-align: center;
|
||||
margin: 24px 0 12px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
img.avatar {
|
||||
width: 40%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
span.psw {
|
||||
float: right;
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
/* The Modal (background) */
|
||||
.modal {
|
||||
display: none; /* Hidden by default */
|
||||
position: fixed; /* Stay in place */
|
||||
z-index: 1; /* Sit on top */
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%; /* Full width */
|
||||
height: 100%; /* Full height */
|
||||
overflow: auto; /* Enable scroll if needed */
|
||||
background-color: rgb(0,0,0); /* Fallback color */
|
||||
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
/* Modal Content/Box */
|
||||
.modal-content {
|
||||
background-color: #fefefe;
|
||||
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
|
||||
border: 1px solid #888;
|
||||
width: 80%; /* Could be more or less, depending on screen size */
|
||||
}
|
||||
|
||||
/* The Close Button (x) */
|
||||
.close {
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
top: 0;
|
||||
color: #000;
|
||||
font-size: 35px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close:hover,
|
||||
.close:focus {
|
||||
color: red;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Add Zoom Animation */
|
||||
.animate {
|
||||
-webkit-animation: animatezoom 0.6s;
|
||||
animation: animatezoom 0.6s
|
||||
}
|
||||
|
||||
@-webkit-keyframes animatezoom {
|
||||
from {-webkit-transform: scale(0)}
|
||||
to {-webkit-transform: scale(1)}
|
||||
}
|
||||
|
||||
@keyframes animatezoom {
|
||||
from {transform: scale(0)}
|
||||
to {transform: scale(1)}
|
||||
}
|
||||
|
||||
/* Change styles for span and cancel button on extra small screens */
|
||||
@media screen and (max-width: 300px) {
|
||||
span.psw {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
.cancelbtn {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>Modal Login Form</h2>
|
||||
|
||||
<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>
|
||||
|
||||
<div id="id01" class="modal">
|
||||
|
||||
<form class="modal-content animate" action="/action_page.php" method="post">
|
||||
<div class="imgcontainer">
|
||||
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
|
||||
<img src="img_avatar2.png" alt="Avatar" class="avatar">
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<label for="uname"><b>Username</b></label>
|
||||
<input type="text" placeholder="Enter Username" name="uname" required>
|
||||
|
||||
<label for="psw"><b>Password</b></label>
|
||||
<input type="password" placeholder="Enter Password" name="psw" required>
|
||||
|
||||
<button type="submit">Login</button>
|
||||
<label>
|
||||
<input type="checkbox" checked="checked" name="remember"> Remember me
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="container" style="background-color:#f1f1f1">
|
||||
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
|
||||
<span class="psw">Forgot <a href="#">password?</a></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Get the modal
|
||||
var modal = document.getElementById('id01');
|
||||
|
||||
// When the user clicks anywhere outside of the modal, close it
|
||||
window.onclick = function(event) {
|
||||
if (event.target == modal) {
|
||||
modal.style.display = "none";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user