Skip to content
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
Binary file added src/blocks/joelotic/img/body-main.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 src/blocks/joelotic/img/hero-img-main-author.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 src/blocks/joelotic/img/hero-img.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 src/blocks/joelotic/img/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
116 changes: 116 additions & 0 deletions src/blocks/joelotic/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<!-- Fontawesome -->

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">


<link rel="stylesheet" type="text/css" href="./styles.css">

<title>Joel Otic Bootstrap Template</title>
</head>
<body>



<div class="container-fluid" id="header">

<nav class="navbar navbar-expand-md navbar-light">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#"><img src="./img/logo.png"></a>


<!-- <div class="collapse navbar-collapse justify-content-end" id="navbarTogglerDemo03">

<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Travel Tips</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Get Inspired</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#">Cheap Airfare</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
</div> -->
</div>
</nav>

<!-- hero section -->
<div class="container" id="hero">
<div class="row justify-content-end">
<div class="col-lg-6 hero-img-container">
<a href="./single.html">
<div class="hero-img">
<img src="./img/body-main.jpg">
</div>
</a>
</div>

<div class="col-lg-9">
<div class="hero-title">
<a href="./single.html">
<h1>The only way to do great work is to love what you do</h1>
</a>
</div>

</div>

<div class="col-lg-6">
<div class="hero-meta">
<p>Your time is limited, don't waste it living someone else's life.</p>
<div class="author">
<div class="author-img"><img src="./img/hero-img-main-author.jpg"></div>
<div class="author-meta">
<span class="author-name">Joel otic</span>
<span class="author-tag">Engineer and Blogger</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<!-- Footer section -->

<footer class="container-fluid mt-1 p-4">
<div class="container ">

<hr>

<!-- copyright text -->
<div class="row pt-2">
<div class="col-lg-12 text-center">
<span>&copy <a href="">joelotic</a> All Rights Received.</span>
</div>
</div>
</div>
</footer>


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>
Loading