Skip to content

Commit

Permalink
init unesa web design project
Browse files Browse the repository at this point in the history
  • Loading branch information
@juliandito
juliandito committed Nov 15, 2020
0 parents commit cbdbad0
Show file tree
Hide file tree
Showing 24 changed files with 26,793 additions and 0 deletions.
187 changes: 187 additions & 0 deletions public_html/css/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,187 @@
/**
================== NAVBAR ==================
*/
.navigasi{
background-color: #A69B8D;
}
.container-navbar{
padding: 5px;
padding-right: 20px;
padding-left: 20px;
height: 80px;
color: white;
}
a{
color: white;
}
a:hover{
color: #0D0D0D;
}
.text-brand{
font-size: 32px;
}
li{
padding-left: 10px;
padding-right: 10px;
}

/**
================== BORDERED DIVS ==================
*/
.bordered-form{
border: solid 2px;
border-color: black;
border-radius: 20px;
width: 300px;
height: auto;
padding: 20px;
}
.container-login{
width: 40%;
margin-top: 100px;
}

/*
================== LOGIN/SIGN UP ==================
*/
.input-border{
border-top: 0px;
border-bottom: solid 2px;
border-right: 0px;
border-left: 0px;
border-color: black;
}
.input-margin{
margin-top: 40px;
}
.tombol-login{
color: white;
background-color: #A69B8D;
margin-top: 30px;
}
.tombol-login:hover{
color: black;
background-color: #A69B8D;
margin-top: 30px;
}
.black{
color: #8F1417;
}

/*
================== HOMEPAGE ==================
*/
.pencarian{
height: 150px;
padding: 3%;
}
.row-pencarian{
margin-top: 20px;
}
.bar-pencarian{
margin-top: 70px;
margin-bottom: 0px;
}
.bar-trans{
background-color: transparent;
}
.items{
padding-top: 5px;
}
.items-color{
margin-left: 5px;
color: black;
}
h2.topp{
margin-left: 20px;
}
hr.top-news{
border-top: 3px solid black;
}
.kaki{
margin-top: 30px;
width: 100%;
height: 50px;
background-color: #A69B8D;
color: white;
padding: 9px;
}
/*
GRID
*/
.grid-wrapper{
margin-top: 20px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
column-gap: 10px;
row-gap: 10px;
}
.box{
margin: 5px;
border: 2px solid black;
border-radius: 15px;
}
.mainitems{
width: 90%;
margin: auto;
}
.items{
margin-left: 2px;
margin-right: 2px;
}
/*
CONTENT
*/
hr.judul-web{
border-top: 2px solid black;
}
.isi{
margin-left: 15px;
padding: 8px;
}
.isi-gambar{
padding: 8px;
margin-top: 10px;
}
.judul-web{
color: white;
margin-left: 20px;
}
.table-berita{
width: 100%;
border: 2px solid black;
border-collapse: collapse;
}
.header-berita{
padding: 2px;
border: 0px solid black;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-bottom: 2px solid black;
background-color: lightgray;
}
hr.antar{
margin: 0;
padding: 0;
border-top: 2px solid gray;

}
.container-headline{
height: 250px;
}
.kotak-headline{
width: 100%;
}

/*
CONTENT TRENDING
*/
.trendings{
margin-top: 25px;
border: solid 2px;
border-color: black;
border-radius: 15px;
width: 80%;
height: auto;
padding: 20px;
}
522 changes: 522 additions & 0 deletions public_html/homepage.html

Large diffs are not rendered by default.

64 changes: 64 additions & 0 deletions public_html/login.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="all" href="../vendor/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Sign Up</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div class="container-navbar navigasi shadow">
<nav class="navbar navbar-expand-lg ">
<a class="navbar-brand text-brand" href="#"> <strong>Baca Dulu</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
&nbsp;
</ul>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> <h5>Homepage</h5> </a></li>
</ul>
</div>
</nav>
</div>
<div class="container-fluid container-login">
<div class="container-fluid bordered-form text-center">
<h5><b>Login</b></h5>
<form>
<div class="form-group input-margin">
<div class="col">
<label for="exampleInputEmail1">Username</label>
</div>
<div class="col">
<input type="text" class="input-border" placeholder="Your username">
</div>
</div>
<div class="form-group input-margin">
<div class="col">
<label for="exampleInputEmail1">Password</label>
</div>
<div class="col">
<input type="password" class="input-border" placeholder="Your password">

</div>
</div>
<div class="form-group input-margin">
<div class="col">
<small>Don't have an account? <a href="" class="black"> Sign Up </a> </small>
</div>
<div class="col">
<button type="submit" class="btn tombol-login">Login</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
64 changes: 64 additions & 0 deletions public_html/signup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="all" href="../vendor/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Sign Up</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div class="container-navbar navigasi shadow">
<nav class="navbar navbar-expand-lg ">
<a class="navbar-brand text-brand" href="#"> <strong>Baca Dulu</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
&nbsp;
</ul>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> <h5> Login </h5> </a></li>
</ul>
</div>
</nav>
</div>
<div class="container-fluid container-login">
<div class="container-fluid bordered-form text-center">
<h5><b>Sign Up</b></h5>
<form>
<div class="form-group input-margin">
<div class="col">
<label for="exampleInputEmail1">Username</label>
</div>
<div class="col">
<input type="text" class="input-border" placeholder="Your username">
</div>
</div>
<div class="form-group input-margin">
<div class="col">
<label for="exampleInputEmail1">Password</label>
</div>
<div class="col">
<input type="password" class="input-border" placeholder="Your password">

</div>
</div>
<div class="form-group input-margin">
<div class="col">
<small>Already have an account? <a href="" class="black"> Login </a> </small>
</div>
<div class="col">
<button type="submit" class="btn tombol-login">Sign Up</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
Loading

0 comments on commit cbdbad0

Please sign in to comment.