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

Jump to bottom

HTML #349

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

HTML #349

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
229 changes: 229 additions & 0 deletions HTML
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>Hacktoberfest2020</title>
<meta name="viewport" content="width=1440">
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Ini repo buat contribute hacktoberfest 2020 brow"
/>
<link rel="stylesheet" href="bootstrap-4.5.2-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="asset/css/main.css">
</head>

<!--NAVBAR-->

<body>
<script src=" node_modules/jquery/dist/jquery.min.js">
</script>
<script src="node_modules/@popperjs/core/dist/umd/popper.min.js">
</script>
<script src="bootstrap-4.5.2-dist/js/bootstrap.min.js"></script>

<div class="navigasi">
<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#" style="margin-left: 12px;">
<img src="asset/img/RabbitWD2.gif" width="30 " class="d-inline-block align-center" alt="" loading="lazy"> ERROR 404 ERROR 404
</a>
<button class="navbar-toggler " data-toggle="collapse" data-target="#navMenu">
<span class="navbar-toggler-icon "></span>
</button>
<div class="collapse navbar-collapse " id="navMenu">
<ul class="navbar-nav ml-auto ">
<li class="nav-item ">
<a href="# " class="nav-link ">Log in</a>
</li>
<li class="nav-item ">
<a href="# " class="nav-link "> ERROR</a>
</li>

</ul>
<button type="button" class="btn btn-outline-light btn-sm nav-item">Join Us</button>
</div>

</nav>
</div>

<!--Section 1-->
<div class="container justify-content-center;">
<div class="row">
<div class="col" style="color: white;">
<h1>ERROR IS ERROR</h1>
<br>
<p style="text-align:justify; color: white;">In science and engineering in general, an error is defined as a difference between the desired and actual performance or behavior of a system or object. This definition is the basis of operation for many types of control systems, in which
error is defined as the difference between a set point and the process value.</p>
</div>

<!--Carousel-->

<div class="col">
<div id="slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-interval="6000">
<img src="asset/img/EYES.gif" class="d-block w-50" alt="...">
</div>
<div class="carousel-item">
<img src="asset/img/HAND.gif" class="d-block w-50" alt="...">
</div>
<div class="carousel-item">
<img src="asset/img/RabbitWD2.gif" class="d-block w-50" alt="...">
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#slider" data-slide-to="0" class="active"></li>
<li data-target="#slider" data-slide-to="1"></li>
<li data-target="#slider" data-slide-to="2"></li>
</div>
</ol>
</div>
</div>
</div>

<!--Jumbotron-->

<div class="jumbotron jumbotron-fluid container" style="background-color: black; margin-top: 40px;">
<div class="container">
<p class="lead" style="color: white;">404 404 404</p>
<img src="asset/img/DedseC Join.gif" width="500px" style="margin-left: 300px;">
</div>
</div>


<!--section 2-->
<div class="container justify-content-center" style="margin-bottom: 10px;">
<div class="row">

<div class="col" style="color: white;">
<h2>Fun Fact About ERROR 404</h2>
<p style="text-align: justify;color: white;">NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND
NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND NOT_FOUND</p>
</div>

<!--Video/media-->
<div class="col">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://youtu.be/RYuesoKNULg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>


<div class="jumbotron jumbotron-fluid container" style="background-color: black; padding-top: 6rem; padding-bottom: 12px;">
<div class="container">
<p class="lead" style="color: white;">Hello My Name Is ERROR</p>
<h3 class="display-4" style="color: white;">NOT_FOUND NOT_FOUND</h1>
</div>
</div>
<div class="indicator1"></div>
<nav class="navbar navbar-expand-lg navbar-light" style="width: 100%;">
<div class="container">

<ul class="nav navbar-nav mx-auto">
<button type="button" class="btn btn-lg" style="color: white;">ERROR</button>
<button type="button" class="btn btn-lg" style="color: white;">404</button>
</ul>

</div>
</nav>
<div class="container text-center">
<div class="row">
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/HAND.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" style="font-family:kill; font-size: 50px; color: white;">ERROR</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/RabbitWD2.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" style="font-family:kill; font-size: 50px; color: white;">ERROR</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/EYES.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" style="font-family:kill; font-size: 50px; color: white;">ERROR</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/HAND.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" style="font-family:kill; font-size: 50px; color: white;">ERROR</p>
</div>
</div>
</div>
</div>

</div><br>
<div class="container text-center" style="margin-top: 20px;">
<div class="row">
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/RabbitWD2.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" id="phead" style="color: white;">ERROR_404</p>
<span></span>
<p id="pbot" style="color: white;">NOT_FOUND NOT_FOUND</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/EYES.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" id="phead" style="color: white;">ERROR_404</p>
<span></span>
<p id="pbot" style="color: white;">NOT_FOUND NOT_FOUND</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" style="width: auto; background-color: grey;">
<img src="asset/img/HAND.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" id="phead" style="color: white;">ERROR_404</p>
<span></span>
<p id="pbot" style="color: white;">NOT_FOUND NOT_FOUND</p>
</div>
</div>
</div>
<div class=" col-sm-3">
<div class="card" style="width: auto;background-color: grey;">
<img src="asset/img/RabbitWD2.gif" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text" id="phead" style="color: white;">ERROR_404</p>
<span></span>
<p id="pbot" style="color: white;">NOT_FOUND NOT_FOUND</p>
</div>
</div>
</div>
</div>

</div><br>
<footer>
<center>
<p>
[Privacy Policy] Your privacy is important to us. We have a legal duty to protect any information we collect from you and to prevent any unauthorised access to or use of that information. We do not pass your details to any third party unless you give
us permission to do so.
</p>
<p>
[Cookies] We use cookies on our website to help you to use functionality on the website. Cookies are pieces of data that can be automatically created on your computer or device when you visit a website or use an app. They are small text files that help
us to understand how the website or app is being used by our visitors. You may refuse the use of cookies on our websites by selecting the appropriate settings on your browser, however some minor functionality will be lost. We do
not collect any information about your use of the cookies.
</p>
</center>
</footer>

</body>

</html>