-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
20 lines (20 loc) · 9.89 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=generator content="Hugo 0.83.1"><link rel=stylesheet href=https://heksagonnet.github.io/four/css/bootstrap.min.css as=style><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin=anonymous referrerpolicy=no-referrer><link rel=stylesheet href=https://heksagonnet.github.io/four/css/style.min.f9b425d6f4ad14a62ab3d8a7d5ab6cccb0c131d0502882faea386f414e86ead6.css as=style><title>Four: Travel Blog</title><link rel=icon href=https://heksagonnet.github.io/four/img/world-map-pin.svg sizes=256x256><script type=application/javascript>var doNotTrack=!1;doNotTrack||(function(a,e,f,g,b,c,d){a.GoogleAnalyticsObject=b,a[b]=a[b]||function(){(a[b].q=a[b].q||[]).push(arguments)},a[b].l=1*new Date,c=e.createElement(f),d=e.getElementsByTagName(f)[0],c.async=1,c.src=g,d.parentNode.insertBefore(c,d)}(window,document,'script','https://www.google-analytics.com/analytics.js','ga'),ga('create','UA-PROPERTY_ID/G-MEASUREMENT_ID','auto'),ga('send','pageview'))</script><script type=application/javascript>var doNotTrack=!1;doNotTrack||(window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga('create','UA-PROPERTY_ID/G-MEASUREMENT_ID','auto'),ga('send','pageview'))</script><script async src=https://www.google-analytics.com/analytics.js></script><meta property="og:title" content="Four: Travel Blog"><meta property="og:description" content="Open Graph Description"><meta property="og:type" content="website"><meta property="og:url" content="https://heksagonnet.github.io/four/"><meta property="og:image" content="https://heksagonnet.github.io/img/hero1.webp"><meta property="og:site_name" content="Four: Travel Blog"><meta itemprop=name content="Four: Travel Blog"><meta itemprop=description content="Open Graph Description"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://heksagonnet.github.io/img/hero1.webp"><meta name=twitter:title content="Four: Travel Blog"><meta name=twitter:description content="Open Graph Description"></head><body><nav class="navbar navbar-expand-lg navbar-dark bg-dark"><div class=container-fluid><a class=navbar-brand href=/four/>Four: Travel Blog</a>
<button class=navbar-toggler type=button data-bs-toggle=collapse data-bs-target=#navbarSupportedContent aria-controls=navbarSupportedContent aria-expanded=false aria-label="Toggle navigation">
<span class=navbar-toggler-icon></span></button><div class="collapse navbar-collapse" id=navbarSupportedContent><ul class="navbar-nav me-auto mb-2 mb-lg-0"><li class=nav-item><a class=nav-link title=Posts href=/four/posts/>Posts</a></li><li class=nav-item><a class=nav-link title=Contact href=/four/#contact>Contact</a></li><li class=nav-item><a class=nav-link title=Tags href=/four/tags>Tags</a></li></ul><div class="navbar-nav d-flex flex-row justify-content-around"><a class=nav-link title=Twitter href=/four/><i class="fab fa-twitter fa-2x link-info"></i></a>
<a class=nav-link title=Youtube href=/four/><i class="fab fa-youtube fa-2x link-danger"></i></a></div></div></div></nav><section id=heroFour class="carousel slide" data-bs-ride=carousel><div class=carousel-indicators><button type=button data-bs-target=#heroFour data-bs-slide-to=0 class=active aria-current=true aria-label="Slide 1"></button>
<button type=button data-bs-target=#heroFour data-bs-slide-to=1 aria-label="Slide 2"></button>
<button type=button data-bs-target=#heroFour data-bs-slide-to=2 aria-label="Slide 3"></button></div><div class=carousel-inner><div class="carousel-item active"><img src=/four/img/hero1.webp class="d-block w-100" alt=...><div class="carousel-caption d-md-block"><h1>Life is either a daring adventure or nothing at all</h1><p>Helen Keller</p></div></div><div class=carousel-item><img src=/four/img/hero2.webp class="d-block w-100" alt=...><div class="carousel-caption d-md-block"><h1>Traveling – it leaves you speechless, then turns you into a storyteller</h1><p>Ibn Battuta</p></div></div><div class=carousel-item><img src=/four/img/hero3.webp class="d-block w-100" alt=...><div class="carousel-caption d-md-block"><h1>Life’s a journey not a destination</h1><p>Aerosmith</p></div></div></div><button class=carousel-control-prev type=button data-bs-target=#heroFour data-bs-slide=prev>
<span class=carousel-control-prev-icon aria-hidden=true></span><span class=visually-hidden>Previous</span></button>
<button class=carousel-control-next type=button data-bs-target=#heroFour data-bs-slide=next>
<span class=carousel-control-next-icon aria-hidden=true></span><span class=visually-hidden>Next</span></button></section><section class=py-5><h2 class=text-center>We are committed</h2><div class=container><div class="row align-items-center"><div class="col-12 col-sm-4 text-center py-5"><i class="fas fa-pen text-primary fa-3x py-3"></i><h2>Blog</h2><p>Dedicated to sharing insightful information</p></div><div class="col-12 col-sm-4 text-center py-5"><i class="fas fa-bolt text-primary fa-3x py-3"></i><h2>Speed</h2><p>Our priority in getting the job done fast</p></div><div class="col-12 col-sm-4 text-center py-5"><i class="fas fa-comment text-primary fa-3x py-3"></i><h2>Chat</h2><p>Keep in touch with us to know more</p></div></div></div></section><section class="py-5 bg-warning"><div class="p-5 mb-4 rounded-3"><div class="container-fluid py-5"><h1 class="display-5 fw-bold">Custom jumbotron</h1><p class="col-md-8 fs-4">You are able to create this jumbotron, similar to previous versions of Bootstrap.</p><button class="btn btn-primary btn-lg" type=button>Button</button></div><div class="row align-items-md-stretch"><div class=col-md-6><div class="h-100 p-5 text-white bg-dark rounded-3"><h2>Dark background</h2><p>Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with your favourite choice.</p><button class="btn btn-outline-light" type=button>More ...</button></div></div><div class=col-md-6><div class="h-100 p-5 bg-light border rounded-3"><h2>Add borders</h2><p>You can also keep it light and add a border for some added definition to the boundaries of your content.</p><button class="btn btn-outline-secondary" type=button>Be Creative</button></div></div></div></div></section><section class="album py-5 bg-light"><div class="text-center py-5"><h2 class=fs-1>Blog</h2><p class="fs-4 text-muted">Latest Article</p></div><div class=container><div class="row d-flex justify-content-center"><div class="col-sm-4 my-3"><div class="card shadow-sm"><img class="bd-placeholder-img card-img-top" width=100% height=225 src=/four/img/post5.webp style=object-fit:cover></img><div class=card-body><h3 class=card-text>My Fifth Post</h3><p class=card-text><i class="far fa-calendar-alt"></i>
<time datetime=2021-06-06>Jun 6, 2021</time>
: This is the fifth post description</p><div class="d-flex justify-content-between align-items-center"><div class=btn-group><a href=/four/posts/post5/><button type=button class="btn btn-sm btn-outline-secondary"> View</button></a></div><div class=btn-group><a class="btn btn-sm btn-outline-secondary" href=https://heksagonnet.github.io/four/tags/australia>Australia</a>
<a class="btn btn-sm btn-outline-secondary" href=https://heksagonnet.github.io/four/tags/adventure>adventure</a></div></div></div></div></div><div class="col-sm-4 my-3"><div class="card shadow-sm"><img class="bd-placeholder-img card-img-top" width=100% height=225 src=/four/img/post4.webp style=object-fit:cover></img><div class=card-body><h3 class=card-text>My Fourth Post</h3><p class=card-text><i class="far fa-calendar-alt"></i>
<time datetime=2021-06-03>Jun 3, 2021</time>
: This is the fourth post description</p><div class="d-flex justify-content-between align-items-center"><div class=btn-group><a href=/four/posts/post4/><button type=button class="btn btn-sm btn-outline-secondary"> View</button></a></div><div class=btn-group><a class="btn btn-sm btn-outline-secondary" href=https://heksagonnet.github.io/four/tags/japan>Japan</a></div></div></div></div></div><div class="col-sm-4 my-3"><div class="card shadow-sm"><img class="bd-placeholder-img card-img-top" width=100% height=225 src=/four/img/post3.webp style=object-fit:cover></img><div class=card-body><h3 class=card-text>My Third Post</h3><p class=card-text><i class="far fa-calendar-alt"></i>
<time datetime=2021-06-01>Jun 1, 2021</time>
: This is the third post description</p><div class="d-flex justify-content-between align-items-center"><div class=btn-group><a href=/four/posts/post3/><button type=button class="btn btn-sm btn-outline-secondary"> View</button></a></div><div class=btn-group><a class="btn btn-sm btn-outline-secondary" href=https://heksagonnet.github.io/four/tags/california>California</a></div></div></div></div></div></div><p class=text-end><a href=/four/posts/>More...</a></p></div></section><section id=contact class="py-5 bg-warning" style=background-image:url(/four/img/map-image.png);background-size:contain;background-repeat:no-repeat><div class=container><div class=row><div class="col-sm-6 d-flex align-items-center"><h2>Contact Us</h2></div><div class=col-sm-6><form><div class=m-3><label for=exampleFormControlInput1 class=form-label>Email address</label>
<input type=email class=form-control id=exampleFormControlInput1 placeholder=your@email.com></div><div class=m-3><label for=exampleFormControlTextarea1 class=form-label>Your messsage here:</label>
<textarea class=form-control id=exampleFormControlTextarea1 rows=3></textarea></div></form></div></div></div></section><footer class="footer text-center bg-dark py-5 text-light"><p>Copyright © 2021 YourName</p><p>Designed by
<a class=link-secondary href=https://www.heksagon.net/>Heksagon</a> with
love ❤</p><p><a class=link-secondary href=#>Back to top</a></p></footer><script src=https://heksagonnet.github.io/four/js/bootstrap.bundle.min.js></script></body></html>