Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
- <link href="http://hypixel.pw/pantonextrabold.otf" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Raleway:300" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=K2D|PT+Sans" rel="stylesheet">
- <div class="topbody">
- <button class="signup">SIGNUP</button>
- <button class="login">LOGIN</button>
- <center>
- <img class="smaller" src="https://i.imgur.com/iY6wLWR.png"></center>
- <title>BITFILE - FILE STORAGE</title>
- <div class="wrapper">
- <div class="signupbox">
- <p class="signuphead">Sign up free</p>
- <p class="signupsmall">Free, no obligation acount</p>
- <form>
- <center>
- <input class="username" type="text" placeholder="Username" name="Username"><br>
- <input class="password" type="text" placeholder="Password" name="Password"><br>
- <input class="cpassword" type="text" placeholder="Confirm Password" name="Confirm Password">
- </center>
- <input class="tos" type="checkbox" value="other"><p class="checkerbox">I accept the <strong>TOS</strong>, and <strong>Privacy Policy</strong></p>
- </form>
- <center>
- <button class="join2">SIGNUP</button>
- </center>
- </div>
- <div class="textbox">
- <p class="h24">STORAGE FOR THE<br>MODERN WORLD</p>
- <p class="h25">Work smarter, not harder<br>with BitFile</p>
- <button class="try">JOIN FOR FREE</button>
- </div>
- </div>
- </div>
- <style>
- .wrapper {
- margin: 0 auto;
- }
- .join2 {
- padding-top: 14px;
- padding-bottom: 14px;
- padding-right: 90px;
- padding-left: 90px;
- border-radius: 25px;
- border: 0px;
- margin-top: 23px;
- background-color: #ef9f1e;
- color: white;
- font-weight: bold;
- font-size: 12px;
- transition: .35s;
- -webkit-box-shadow:0 0 5px #666666;
- -moz-box-shadow: 0 0 5px #666666;
- box-shadow:0 0 5px #666666;
- }
- .join2:hover {
- cursor: pointer;
- background-color: #d68d19;
- }
- .checkerbox {
- font-family: 'PT Sans', sans-serif;
- font-size: 0.9em;
- display: inline;
- margin-left: 17px;
- }
- .tos {
- margin-left: 33px;
- margin-top: 25px;
- transform: scale(1.2);
- }
- .username {
- width: 81%;
- margin-top: 20px;
- height: 35px;
- border-radius: 5px;
- border: 1px solid #919191;
- padding-left: 10px;
- font-family: 'PT Sans', sans-serif;
- font-size: 15px;
- }
- .password {
- width: 81%;
- margin-top: 17px;
- height: 35px;
- border-radius: 5px;
- border: 1px solid #919191;
- padding-left: 10px;
- font-family: 'PT Sans', sans-serif;
- font-size: 15px;
- }
- .cpassword {
- width: 81%;
- margin-top: 17px;
- height: 35px;
- border-radius: 5px;
- transition: .6s;
- border: 1px solid #919191;
- padding-left: 10px;
- font-family: 'PT Sans', sans-serif;
- font-size: 15px;
- }
- .cpassword:focus {
- border: 2px solid #1bb1fc;
- }
- .password:focus {
- border: 2px solid #1bb1fc;
- }
- .username:focus {
- border: 2px solid #1bb1fc;
- }
- .signupsmall {
- font-family: 'PT Sans', sans-serif;
- color: black;
- padding-top: 3px;
- padding-left: 30px;
- font-size: 1.2em;
- }
- .signuphead {
- font-family: 'PT Sans', sans-serif;
- color: black;
- font-weight: bold;
- padding-top: 30px;
- padding-left: 30px;
- font-size: 1.75em;
- }
- .signupbox {
- position: absolute;
- width: 30%;
- height: 51%;
- border: none;
- margin-left: 55%;
- margin-top: 8%;
- border-radius: 25px;
- background-color: white;
- -webkit-box-shadow:0 0 15px #666666;
- -moz-box-shadow: 0 0 15px #666666;
- box-shadow:0 0 15px #666666;
- }
- .smaller {
- height: 40px;
- padding-top: 5px;
- }
- .signup {
- padding-top: .6%;
- padding-bottom: .6%;
- padding-right: 2%;
- padding-left: 2%;
- border-radius: 20px;
- border: 0px;
- margin-top: 15px;
- background-color: #ef9f1e;
- color: white;
- position: absolute;
- font-weight: bold;
- font-size: 12px;
- transition: .35s;
- margin-left: 90%;
- }
- .signup:hover {
- cursor: pointer;
- background-color: #d68d19;
- }
- .login {
- padding-top: .5%;
- padding-bottom: .5%;
- padding-right: 2%;
- padding-left: 2%;
- border-radius: 20px;
- border: 1px solid white;
- margin-top: 15px;
- background-color: transparent;
- color: white;
- position: absolute;
- font-weight: bold;
- font-size: 12px;
- transition: .35s;
- margin-left: 82.5%;
- }
- .login:hover {
- cursor: pointer;
- background-color: rgba(242, 242, 242, 0.1);
- }
- .try {
- padding-top: 10px;
- padding-bottom: 10px;
- padding-right: 30px;
- padding-left: 30px;
- border-radius: 20px;
- border: 0px;
- margin-top: 20px;
- background-color: #ef9f1e;
- color: white;
- font-weight: bold;
- font-size: 15px;
- transition: .35s;
- }
- .try:hover {
- cursor: pointer;
- background-color: #d68d19;
- }
- .textbox {
- margin-left: 13%;
- padding-top: 8%;
- }
- .h24 {
- font-family: 'PantonBlack', Times, serif;
- color: white;
- font-size: 3vw;
- }
- .h25 {
- font-family: 'PantonSemiBold', Times, serif;
- color: white;
- font-size: 1.6vw;
- padding-top: 1.1%;
- }
- .topbody {
- background-image: url("https://i.imgur.com/2IF9tHt.png");
- background-repeat: no-repeat;
- background-size: 100%;
- height: 620px;
- }
- .textunder {
- font-family: 'PantonThin', Times, serif;
- color: white;
- font-size: 25px;
- }
- .slogo {
- height: 50px;
- }
- .textlogo {
- font-family: 'Panton', Times, serif;
- color: white;
- font-size: 4em;
- }
- @font-face {
- font-family: 'Panton';
- src: url('http://hypixel.pw/link/Panton.otf');
- src:
- local('Lovely Font'),
- local('Lovely-Font'),
- url('/link/Panton.otf')
- format('opentype');
- }
- @font-face {
- font-family: 'PantonSemiBold';
- src: url('http://hypixel.pw/Panton-SemiBold.otf');
- src:
- local('Lovely Font'),
- local('Lovely-Font'),
- url('/Panton-SemiBold.otf')
- format('opentype');
- }
- @font-face {
- font-family: 'PantonBlack';
- src: url('http://hypixel.pw/Panton-Black.otf');
- src:
- local('Lovely Font'),
- local('Lovely-Font'),
- url('/Panton-Black.otf')
- format('opentype');
- }
- @font-face {
- font-family: 'PantonThin';
- src: url('http://hypixel.pw/Panton-Thin.otf');
- src:
- local('Lovely Font'),
- local('Lovely-Font'),
- url('/Panton-Thin.otf')
- format('opentype');
- }
- @font-face {
- font-family: 'PantonRegular';
- src: url('http://hypixel.pw/Panton-Regular.otf');
- src:
- local('Lovely Font'),
- local('Lovely-Font'),
- url('/Panton-Regular.otf')
- format('opentype');
- }
- * {
- outline: none;
- margin: 0px;
- padding: 0px;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement