Vass page branch #7

Closed
confestim wants to merge 3 commits from vass-page-branch into main
3 changed files with 46 additions and 6 deletions
Showing only changes of commit 7d99ca874e - Show all commits

BIN
Roboto-Regular.ttf Normal file

Binary file not shown.

View File

@ -1,23 +1,24 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> reValuate: Putting the value back in recycling </title> <title> reValuate: Putting the value back in recycling </title>
<!-- Bootstrap CSS and own CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style2.css">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-success"> <nav class="navbar navbar-expand-lg bg-success">
<a style="color: white; font-size: 35px;" class="navbar-brand mb-0 h1"> reValuate </a> <a style="color: white; font-size: 35px;" class="navbar-brand mb-0 h1"> reValuate </a>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="index.html"> Home </a> <a class="nav-link" href="index.html"> Home </a>
</li> </li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Account Account
@ -34,7 +35,16 @@
<div style="height: 71px;" class="container-fluid fixed-bottom bg-success"></div> <div style="height: 71px;" class="container-fluid fixed-bottom bg-success"></div>
<!-- Jquery, popper, bootstrap scripts --> <div class="container-fluid">
<div class="row">
<div class="col-sm-6 col-md-6">
<button class="fancyButton" style="cursor: pointer;"><span class="fa fa-upload"></span><br>Upload Image </button>
</div>
<div class="col-md-6">
<button class="fancyButton" style="cursor: pointer;"><span class="fa fa-upload"></span><br>Upload Video </button>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

30
style2.css Normal file
View File

@ -0,0 +1,30 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
.fancyButton {
border: 2px solid green;
background-color: transparent;
padding: 10px 12px;
text-align: center;
border-radius: 55px;
transition-duration: 0.4s;
color: black;
outline: none;
font-family: 'Roboto', sans-serif !important;
font-size: 50px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.fancyButton:hover {
background-color: green;
color: white;
}
button:focus {
outline: none;
}
button {
margin: 50px 50px 50px 50px;
width: 850px;
height: 700px;
}