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.

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

ARNOLD THERIGAN #25

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
109 changes: 109 additions & 0 deletions blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Arnold</title>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="images/title.png" type="image/png">
<script src="https://kit.fontawesome.com/a312b45302.js"></script>
</head>
<body>
<nav class="navbar">
<div class="nav-brand">
<img src="images/nav-brand.png" alt="navbar-brand">
</div>
<div class="nav-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="#">Project</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="nav-icon">
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</nav>
<section id="blog">
<div class="blog-container">
<div class="post1">
<div class="post-date">
<h3>Thursday, August 29 2019</h3>
</div>
<div class="post-image">
<img src="./images/project1.jpg" alt="post1image">
</div>
<div class="post-desc">
<h1>Dice Game</h1>
<p>Website Sederhana berisikan game dadu. Cara bermain yang mudah, ketika dadu pertama lebih besar dari pada dadu kedua maka kamu akan menang.</p>
</div>
<div class="readmore">
<a href="https://arnoldtherigan15.github.io/dicegame/" target="_blank">See More</a>
</div>
</div>
<!-- <div class="post2"></div>
<div class="post3"></div>
<div class="post4"></div> -->
<div class="post1">
<div class="post-date">
<h3>Saturday, August 31 2019</h3>
</div>
<div class="post-image">
<img src="./images/project2.jpg" alt="post1image">
</div>
<div class="post-desc">
<h1>Arnold Can Sing</h1>
<p>Arnold Sedang belajar untuk bernyanyi. Kamu adalah orang yang tepat untuk mengajari arnold bernyanyi. Ayo ajari arnold menyanyi.</p>
</div>
<div class="readmore">
<a href="https://arnoldtherigan15.github.io/arnoldcansing/" target="_blank">See More</a>
</div>
</div>
<!-- <div class="post1">
<div class="post-date">
<h3>Wednesday, July 24 2019</h3>
</div>
<div class="post-image">
<img src="./images/post3.jpg" alt="post1image">
</div>
<div class="post-desc">
<h1>Saving Money?</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem assumenda delectus cumque? Praesentium beatae, amet sunt, a tempora nulla dolor quis debitis accusamus quae quod!
Similique aperiam consequuntur labore autem sequi quam ullam ut ab.</p>
</div>
<div class="readmore">
<a href="#">Read More</a>
</div>
</div>
<div class="post1">
<div class="post-date">
<h3>Thursday, July 25 2019</h3>
</div>
<div class="post-image">
<img src="./images/post4.jpg" alt="post1image">
</div>
<div class="post-desc">
<h1>Just Relax</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem assumenda delectus cumque? Praesentium beatae, amet sunt, a tempora nulla dolor quis debitis accusamus quae quod!
Similique aperiam consequuntur labore autem sequi quam ullam ut ab.</p>
</div>
<div class="readmore">
<a href="#">Read More</a>
</div>
</div> -->
</div>
</section>

<div id="footer">
<p style="color: #fff">&copy; Arnold Therigan</p>
<p>
<a href="https://github.com/arnoldtherigan15" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/arnold-therigan-342a81160" target="_blank"><i class="fab fa-linkedin"></i></a>
</p>
</div>
</body>
</html>
67 changes: 67 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<title>Arnold</title>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="images/title.png" type="image/png">
<script src="https://kit.fontawesome.com/a312b45302.js"></script>
</head>
<body>
<nav class="navbar">
<div class="nav-brand">
<img src="images/nav-brand.png" alt="navbar-brand">
</div>
<div class="nav-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html">Project</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="nav-icon">
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</nav>
<section id="contact">
<div class="contact-container">
<div class="contact-form">
<div class="contact-name">
<img src="./images/arnold.png" alt="arnoldtherigan">
</div>
<div class="contact-form-container">
<div class="contact-kolom1">
<h1>Contact Me</h1>
<h2>Every message is read and responded to in 24 business hours, Monday - Friday 9am-6pm WIB. </h2>
<p>Your message is important to me, so if you feel i might have missed your email,
feel free to drop a note again. I'm here to take great care of you.</p>
<p>Chat with me: <span>[email protected]</span></p>
</div>
<div class="contact-kolom2">
<form action="#" method="POST">
<input type="text" id="name" placeholder="Name">
<input type="email" id="email" placeholder="Email">
<textarea name="message" id="message" cols="30" rows="10"></textarea>
<a href="#">Send</a>
</form>
</div>
</div>
</div>
</div>
</section>


<div id="footer">
<p style="color: #fff">&copy; Arnold Therigan</p>
<p>
<a href="https://github.com/arnoldtherigan15" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/arnold-therigan-342a81160" target="_blank"><i class="fab fa-linkedin"></i></a>
</p>
</div>
</body>
</html>
79 changes: 79 additions & 0 deletions gallery.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Arnold</title>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="images/title.png" type="image/png">
<script src="https://kit.fontawesome.com/a312b45302.js"></script>
</head>
<body>
<nav class="navbar">
<div class="nav-brand">
<img src="images/nav-brand.png" alt="navbar-brand">
</div>
<div class="nav-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="blog.html">Project</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="nav-icon">
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</nav>
<section id="gallery">
<div class="gallery-quote">
<h1><span>Art</span> is not what you see, but what you make others see.</h1>
</div>
<div class="gallery-photo">
<div class="gallery1">
<img src="./images/gallery-4.jpg" alt="gallery1">
</div>
<div class="gallery1-container">
<div class="gallery2">
<img src="./images/gallery-2.jpg" alt="gallery2">
</div>
<div class="gallery3">
<img src="./images/gallery-3.jpg" alt="gallery3">
</div>
</div>
<div class="gallery-quote2">
<h1>Don't think about making <span>art</span>, just get it done. Let everyone else
decide if it's good or bad, whether they love it or hate it.
While they are deciding, make even more <span>art</span></h1>
</div>
</div>
<div class="gallery-photo2">
<div class="gallery-quote3">
<h1>What would it be like if you lived each day, each breath, as a work of <span>art</span> in progress?
Imagine that you are a Masterpiece unfolding every second of every day, a work of <span>art</span>
taking form with every breath.</h1>
<p>-<span>ArT</span> is acronym for <span>Ar</span>nold <span>T</span>herigan-</p>
<img src="./images/gallery-5.jpg" alt="gallery5">
</div>
<div class="gallery4">
<img src="./images/gallery-6.jpg" alt="gallery4">
</div>
</div>
</section>
<div class="go-up">
<a href="#" style="color: #fff;">
<i class="fas fa-arrow-circle-up"></i>
</a>
</div>
<div id="footer">
<p style="color: #fff">&copy; Arnold Therigan</p>
<p>
<a href="https://github.com/arnoldtherigan15" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/arnold-therigan-342a81160" target="_blank"><i class="fab fa-linkedin"></i></a>
</p>
</div>
</body>
</html>
Binary file added images/arnold.png
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/blogbg2.jpg
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/gallery-1.jpg
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/gallery-2.jpg
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/gallery-3.jpg
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/gallery-4.jpg
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/gallery-5.jpg
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/gallery-6.jpg
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/img-1.jpg
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/img-4.jpg
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/nav-brand.png
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/post1.jpg
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/post2.jpg
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/post3.jpg
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/post4.jpg
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/project1.jpg
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/project2.jpg
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/raw/blogbg2.jpg
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/raw/gallery-1.jpg
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/raw/gallery-2.jpg
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/raw/gallery-3.jpg
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/raw/gallery-4.jpg
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/raw/gallery-5.jpg
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/raw/gallery-6.jpg
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/raw/img-1.jpg
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/raw/img-3.jpg
Binary file added images/raw/img-4.jpg
Binary file added images/raw/post1.jpg
Binary file added images/raw/post2.jpg
Binary file added images/raw/post3.jpg
Binary file added images/raw/post4.jpg
Binary file added images/title.png
73 changes: 73 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Arnold</title>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="images/title.png" type="image/png">
<script src="https://kit.fontawesome.com/a312b45302.js"></script>
</head>
<body>
<nav class="navbar">
<div class="nav-brand">
<img src="images/nav-brand.png" alt="navbar-brand">
</div>
<div class="nav-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html">Project</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="nav-icon">
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</nav>
<section id="home">
<div class="home-banner">
<div class="banner1">
<h1>Arnold Therigan<span><img src="images/title.png" alt="logo hacktiv" style="height:40px;"></span> </h1>
<p>Hacktiv8 Student Batch 35 -infinite fox-</p>
</div>
<div class="banner2"><img src="images/img-1.jpg" alt=""></div>
</div>
<div class="home-banner-hello">
<div class="banner1-hello"><img src="images/img-4.jpg" alt=""></div>
<div class="banner2-hello">
<h1>Never too late to say Hello World</h1>
<p>-your future programmer-</p>
</div>
</div>
<!-- <div class="home-banner-quote">
<div class="banner1-quote">
<h1>HTML5 and CSS3 Only</h1>
<p>You have to learn the rules of the game. And then you have to play better than anyone else.</p>
<p>-<em>Albert Einsten</em>-</p>
</div>
<div class="banner2-quote"><img src="images/img-3.jpg" alt=""></div>
</div> -->
</section>
<!-- <section id="home-hello">

</section> -->
<!-- <section id="home-quote">

</section> -->
<div class="go-up">
<a href="#" style="color: #fff;">
<i class="fas fa-arrow-circle-up"></i>
</a>
</div>
<div id="footer">
<p style="color: #fff">&copy; Arnold Therigan</p>
<p>
<a href="https://github.com/arnoldtherigan15" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/arnoldtherigan/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/arnold-therigan-342a81160" target="_blank"><i class="fab fa-linkedin"></i></a>
</p>
</div>
</body>
</html>
Loading