Skip to content

cuma nambahin halaman home yang sederhana banget #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mochfikri050201 wants to merge 6 commits into
base: master
Choose a base branch
from
Open

cuma nambahin halaman home yang sederhana banget #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d7767f9
tambah halaman Home sederhana
mochfikri050201 Oct 25, 2019
b9db0a7
resize images
mochfikri050201 Oct 25, 2019
c4bfd98
Delete 6.JPG
mochfikri050201 Oct 26, 2019
2a0e30d
Delete 5.JPG
mochfikri050201 Oct 26, 2019
f0e1733
Delete 4.JPG
mochfikri050201 Oct 26, 2019
20d5fe7
tambah gambar
mochfikri050201 Oct 25, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
.slides li{
position: relative;
}
.slides li::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background-color: rgba(33, 38, 51, .5);
}

#tentang, #testi {
padding: 30px 0;
}
#galery {
padding: 50px 0;
}

@media only screen and (max-width: 600px) {
#galery img {
margin-bottom: 20px;
}
}
1 change: 1 addition & 0 deletions css/style.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added images/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galery/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galery/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galery/3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galery/4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galery/5.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galery/6.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
162 changes: 162 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,162 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CCClass4</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./css/style.min.css">
</head>
<body>
<div class="navbar-fixed">
<nav class="indigo darken-1">
<div class="container">
<div class="nav-wrapper">
<a href="#" class="brand-logo">CCClass4</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#">Member</a></li>
<li><a href="#">Karya</a></li>
<li><a href="#">Acara Selanjutnya</a></li>
</ul>
</div>
</div>
</nav>
</div>

<ul class="sidenav" id="mobile-demo">
<li><a href="#">Member</a></li>
<li><a href="#">Karya</a></li>
<li><a href="#">Acara Selanjutnya</a></li>
</ul>

<section id="slides">
<div class="slider">
<ul class="slides">
<li>
<img src="./images/1.jpg">
<div class="caption center-align">
<h3>Belajar Git dan Github!</h3>
<h5 class="light grey-text text-lighten-3">Yuk belajar Git dan GitHub untuk mempermudah kolaborasi!</h5>
</div>
</li>
<li>
<img src="./images/2.jpg">
<div class="caption left-align">
<h3>Belajar Git dan Github!</h3>
<h5 class="light grey-text text-lighten-3">Yuk belajar Git dan GitHub untuk mempermudah kolaborasi!</h5>
</div>
</li>
<li>
<img src="./images/3.jpg">
<div class="caption right-align">
<h3>Belajar Git dan Github!</h3>
<h5 class="light grey-text text-lighten-3">Yuk belajar Git dan GitHub untuk mempermudah kolaborasi!</h5>
</div>
</li>
<li>
<img src="./images/4.jpg">
<div class="caption center-align">
<h3>Belajar Git dan Github!</h3>
<h5 class="light grey-text text-lighten-3">Yuk belajar Git dan GitHub untuk mempermudah kolaborasi!</h5>
</div>
</li>
</ul>
</div>
</section>

<section id="tentang">
<div class="container">
<div class="row">
<h4 class="center light grey-text text-darken-4">Apa itu CCClass4 ?</h4>
<div class="col m10 offset-m1 center">
<p class="light">CCClass 4 adalah pertemuan ke 4 dari ukm Computer Club dengan konsep Class / Kelas. Kami belajar bersama tentang tema yang sudah ditentukan. Computer Club adalah ukm di kampus STMIK Tasikmalaya.</p>
</div>
</div>
</div>
</section>

<section id="galery" class="grey lighten-4">
<h4 class="light center gray-text text-darken-4">Galeri</h4>
<div class="container">
<div class="row">
<div class="col m4 s12">
<img src="./images/galery/1.jpg" class="responsive-img materialboxed" alt="1">
</div>
<div class="col m4 s12">
<img src="./images/galery/2.jpg" class="responsive-img materialboxed" alt="2">
</div>
<div class="col m4 s12">
<img src="./images/galery/3.jpg" class="responsive-img materialboxed" alt="3">
</div>
</div>
<div class="row">
<div class="col m4 s12">
<img src="./images/galery/4.jpg" class="responsive-img materialboxed" alt="4">
</div>
<div class="col m4 s12">
<img src="./images/galery/5.jpg" class="responsive-img materialboxed" alt="5">
</div>
<div class="col m4 s12">
<img src="./images/galery/6.jpg" class="responsive-img materialboxed" alt="6">
</div>
</div>
</div>
</section>

<section id="testi">
<h4 class="light center gray-text text-darken-4">Testimoni</h4>
<div class="container">
<div class="row">
<div class="col m6 s12">
<div class="card">
<div class="card-content">
<span class="card-title">Diki Hamdani</span>
<p>Jadilah manusia yang bermanfaat</p>
</div>
</div>
</div>
<div class="col m6 s12">
<div class="card">
<div class="card-content">
<span class="card-title">Moch Fikri Khoirurrizal</span>
<p>Pemalas Produktif</p>
</div>
</div>
</div>
</div>
</div>
</section>

<footer class="page-footer indigo darken-1">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">CCClass4</h5>
<p class="grey-text text-lighten-4">Ayo bergabung dan selamat belajar.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Member</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Karya</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Acara Selanjutnya</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2019 Tasikmalaya, Jawa Barat
<a class="grey-text text-lighten-4 right" href="https://www.instagram.com/elgensip/" target="_blank">Elgensip</a>
</div>
</div>
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>
10 changes: 10 additions & 0 deletions js/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
$(document).ready(function(){
$('.sidenav').sidenav();
$('.slider').slider({
indicators: false,
height: 500,
transition: 700,
interval: 10000
});
$('.materialboxed').materialbox();
});