Skip to content
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

update 0.1 #15

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

update 0.1 #15

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
173 changes: 6 additions & 167 deletions 1. bootstrap-portfolio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,174 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>My Porfolio</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Website Sederhana</title>
</head>
<body>

<!-- jumbotron -->
<div class="jumbotron text-center">
<img src="img/sandhika.png" class="img-circle">
<h1>Sandhika Galih</h1>
<p>Lecturer | Web Developer | YouTuber</p>
</div>
<!-- akhir jumbotron -->


<!-- about -->
<section class="about" id="about">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2 class="text-center">About</h2>
<hr>
</div>
</div>

<div class="row">
<div class="col-sm-5 col-sm-offset-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta aut fuga recusandae ad vero voluptates voluptatibus iusto expedita voluptas animi itaque, ratione commodi pariatur. Quia veniam hic eius iure quis.</p>
</div>
<div class="col-sm-5">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla ipsam, veritatis nesciunt eveniet voluptas labore quidem recusandae enim, repudiandae ab accusantium consectetur minus optio adipisci voluptates omnis consequuntur dolore qui?</p>
</div>
</div>
</div>
</section>
<!-- akhir about -->



<!-- portfolio -->
<section class="portfolio" id="portfolio">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h2>Portfolio</h2>
<hr>
</div>
</div>

<div class="row">
<div class="col-sm-4">
<a href="" class="thumbnail">
<img src="img/portfolio/1.png">
</a>
</div>
<div class="col-sm-4">
<a href="" class="thumbnail">
<img src="img/portfolio/2.png">
</a>
</div>
<div class="col-sm-4">
<a href="" class="thumbnail">
<img src="img/portfolio/3.png">
</a>
</div>
<div class="col-sm-4">
<a href="" class="thumbnail">
<img src="img/portfolio/4.png">
</a>
</div>
<div class="col-sm-4">
<a href="" class="thumbnail">
<img src="img/portfolio/5.png">
</a>
</div>
<div class="col-sm-4">
<a href="" class="thumbnail">
<img src="img/portfolio/6.png">
</a>
</div>
</div>

</div>
</section>
<!-- akhir portfolio -->


<!-- contact -->
<section class="contact" id="contact">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h2>Contact</h2>
<hr>
</div>
</div>

<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<form>
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" id="nama" class="form-control" placeholder="masukkan nama">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" class="form-control" placeholder="masukkan email">
</div>
<div class="form-group">
<label for="telp">No Telepon</label>
<input type="tel" id="telp" class="form-control" placeholder="masukkan no telepon">
</div>
<select class="form-control">
<option>-- Pilih Kategori --</option>
<option>Web Design</option>
<option>Web Development</option>
</select>
<div class="form-group">
<label for="pesan">Pesan</label>
<textarea class="form-control" rows="10" placeholder="masukkan pesan"></textarea>
</div>
<button type="submit" class="btn btn-primary">Kirim Pesan</button>
</form>
</div>
</div>
</div>
</section>
<!-- akhir contact -->


<!-- footer -->
<footer>
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>&copy; copyright 2017 | built with <i class="glyphicon glyphicon-heart"></i> by. <a href="http://instagram.com/sandhikagalih">Sandhika Galih</a>.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<a href="http://youtube.com/webprogrammingunpas" class="btn btn-danger"><i class="glyphicon glyphicon-play"></i> Subscribe to YouTube</a>
</div>
</div>
</div>
</footer>
<!-- akhir footer -->


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<p>Hallo</p>
</body>
</html>




>