Add files via upload
BIN
assets/favicon.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
assets/img/bg-masthead.jpg
Normal file
After Width: | Height: | Size: 213 KiB |
BIN
assets/img/bg-signup.jpg
Normal file
After Width: | Height: | Size: 523 KiB |
BIN
assets/img/demo-image-01.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
assets/img/demo-image-02.jpg
Normal file
After Width: | Height: | Size: 103 KiB |
BIN
assets/img/ipad.png
Normal file
After Width: | Height: | Size: 190 KiB |
BIN
assets/img/logo.webp
Normal file
After Width: | Height: | Size: 2.2 KiB |
10
categories/index.xml
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on Graysx Hugo Theme Demo</title>
|
||||
<link>http://akatiggerx04.github.io/graysx-hugo/categories/</link>
|
||||
<description>Recent content in Categories on Graysx Hugo Theme Demo</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="http://akatiggerx04.github.io/graysx-hugo/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
11708
css/styles.css
Normal file
194
index.html
Normal file
@ -0,0 +1,194 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta name="generator" content="Hugo 0.93.3" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<link rel="icon" href="assets/favicon.png" />
|
||||
|
||||
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
|
||||
|
||||
<link href="css/styles.css" rel="stylesheet" />
|
||||
|
||||
|
||||
<title>Graysx Hugo Theme Demo</title>
|
||||
</head><body id="page-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<a class="navbar-brand" href="#page-top"><img src="assets/img/logo.webp"></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
|
||||
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
|
||||
|
||||
<li class="nav-item"><a class="nav-link" href="#projects">Projects</a></li>
|
||||
|
||||
<li class="nav-item"><a class="nav-link" href="#signup">Contact</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<header class="masthead">
|
||||
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div class="text-center">
|
||||
|
||||
<h1 class="mx-auto my-0 text-uppercase">Graysx Theme</h1>
|
||||
<h2 class="text-white-50 mx-auto mt-2 mb-5">A Minimal Gray Hugo Theme.</h2>
|
||||
<a class="btn btn-primary" href="https://github.com/akatiggerx04/graysx-hugo/tree/main">Download Now</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<section class="about-section text-center" id="about">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<div class="row gx-4 gx-lg-5 justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2 class="text-white mb-4">About us</h2>
|
||||
<p class="text-white-50">Max Ducim Qua Labo Pa Adre Nam Ased Di Ullam Ess Num Minim Quorecu Re Iur Ipsam Autemo Autem Max Iurer Ut Enim Praese Ips Fugia Ne Dig Assumen Cul Ipsum Velit Magna Inl Odio Enimodi Nonve Sunti Tem Incidu Velqui Lauda Assume Volupt Nih Es Autem Officia Culpa Impedit Harum Blandi Si Quis Dol Facilis Verodo Tot Quib Quoden</p>
|
||||
|
||||
<a class="btn btn-primary about-btn" href="#">Button</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/ipad.png" alt="..." />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="projects-section bg-light" id="projects">
|
||||
<div class="container px-4 px-lg-5">
|
||||
|
||||
<div class="row gx-0 mb-4 mb-lg-5 align-items-center">
|
||||
<div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="assets/img/bg-masthead.jpg" alt="..." /></div>
|
||||
<div class="col-xl-4 col-lg-5">
|
||||
<div class="featured-text text-center text-lg-left">
|
||||
<h4>Graysx</h4>
|
||||
<p class="text-black-50 mb-0">Place Cons Rerum Provide SuntSin Incid Fac Nonse Mollitia Quia Itaque! Iusto Necessi Ullam Recusand Nobi Quo Nequ Inulla Beatae Recusand Suscipit Ip Autem Rep Dol Quoquis Inu Rer Odiorem Suscipi Praes Accusant Quia Quosqu Anim Incidunt Nobis Odio Omnis</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
|
||||
<div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-01.jpg" alt="..." /></div>
|
||||
<div class="col-lg-6">
|
||||
<div class="bg-black text-center h-100 project">
|
||||
<div class="d-flex h-100">
|
||||
<div class="project-text w-100 my-auto text-center text-lg-left">
|
||||
<h4 class="text-white">Graysx</h4>
|
||||
<p class="mb-0 text-white-50">Place Cons Rerum Provide SuntSin Incid Fac Nonse Mollitia Quia Itaque! Iusto Necessi Ullam Recusand Nobi Quo Nequ Inulla Beatae Recusand Suscipit Ip Autem Rep Dol Quoquis Inu Rer Odiorem Suscipi Praes Accusant Quia Quosqu Anim Incidunt Nobis Odio Omnis</p>
|
||||
<hr class="d-none d-lg-block mb-0 ms-0" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gx-0 justify-content-center">
|
||||
<div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-02.jpg" alt="..." /></div>
|
||||
<div class="col-lg-6 order-lg-first">
|
||||
<div class="bg-black text-center h-100 project">
|
||||
<div class="d-flex h-100">
|
||||
<div class="project-text w-100 my-auto text-center text-lg-right">
|
||||
<h4 class="text-white">Graysx</h4>
|
||||
<p class="mb-0 text-white-50">Place Cons Rerum Provide SuntSin Incid Fac Nonse Mollitia Quia Itaque! Iusto Necessi Ullam Recusand Nobi Quo Nequ Inulla Beatae Recusand Suscipit Ip Autem Rep Dol Quoquis Inu Rer Odiorem Suscipi Praes Accusant Quia Quosqu Anim Incidunt Nobis Odio Omnis</p>
|
||||
<hr class="d-none d-lg-block mb-0 me-0" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="signup-section" id="signup">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<div class="row gx-4 gx-lg-5">
|
||||
<div class="col-md-10 col-lg-8 mx-auto text-center">
|
||||
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
|
||||
<h2 class="text-white mb-5">Subscribe to receive updates!</h2>
|
||||
<form class="form-signup" id="contactForm" data-sb-form-api-token="TOKEN_HERE">
|
||||
<div class="row input-group-newsletter">
|
||||
<div class="col"><input class="form-control" id="emailAddress" type="email" placeholder="Enter email address..." aria-label="Enter email address..." data-sb-validations="required,email" /></div>
|
||||
<div class="col-auto"><button class="btn btn-primary disabled" id="submitButton" type="submit">Notify Me!</button></div>
|
||||
</div>
|
||||
<div class="invalid-feedback mt-2" data-sb-feedback="emailAddress:required">An email is required.</div>
|
||||
<div class="invalid-feedback mt-2" data-sb-feedback="emailAddress:email">Email is not valid.</div>
|
||||
<div class="d-none" id="submitSuccessMessage">
|
||||
<div class="text-center mb-3 mt-2 text-white">
|
||||
<div class="fw-bolder">Form submission successful!</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3 mt-2">Error sending message!</div></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-section bg-black">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<div class="row gx-4 gx-lg-5">
|
||||
<div class="col-md-4 mb-3 mb-md-0">
|
||||
<div class="card py-4 h-100">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
|
||||
<h4 class="text-uppercase m-0">Address</h4>
|
||||
<hr class="my-4 mx-auto" />
|
||||
<div class="small text-black-50">123 Arch B1W, GNU/Linux</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3 mb-md-0">
|
||||
<div class="card py-4 h-100">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-envelope text-primary mb-2"></i>
|
||||
<h4 class="text-uppercase m-0">Email</h4>
|
||||
<hr class="my-4 mx-auto" />
|
||||
<div class="small text-black-50"><a href="#!">hello@graysx.com</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3 mb-md-0">
|
||||
<div class="card py-4 h-100">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-mobile-alt text-primary mb-2"></i>
|
||||
<h4 class="text-uppercase m-0">Phone</h4>
|
||||
<hr class="my-4 mx-auto" />
|
||||
<div class="small text-black-50">123456</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social d-flex justify-content-center">
|
||||
<a class="mx-2" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="mx-2" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="mx-2" href="https://github.com/akatiggerx04/graysx-hugo"><i class="fab fa-github"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Copyright © Graysx Hugo Theme Demo 2022</div></footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="js/scripts.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script></body>
|
||||
</html>
|
10
index.xml
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Graysx Hugo Theme Demo</title>
|
||||
<link>http://akatiggerx04.github.io/graysx-hugo/</link>
|
||||
<description>Recent content on Graysx Hugo Theme Demo</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="http://akatiggerx04.github.io/graysx-hugo/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
54
js/scripts.js
Normal file
@ -0,0 +1,54 @@
|
||||
/*!
|
||||
* Start Bootstrap - Grayscale v7.0.5 (https://startbootstrap.com/theme/grayscale)
|
||||
* Copyright 2013-2022 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-grayscale/blob/master/LICENSE)
|
||||
*/
|
||||
//
|
||||
// Scripts
|
||||
//
|
||||
|
||||
window.addEventListener('DOMContentLoaded', event => {
|
||||
|
||||
// Navbar shrink function
|
||||
var navbarShrink = function () {
|
||||
const navbarCollapsible = document.body.querySelector('#mainNav');
|
||||
if (!navbarCollapsible) {
|
||||
return;
|
||||
}
|
||||
if (window.scrollY === 0) {
|
||||
navbarCollapsible.classList.remove('navbar-shrink')
|
||||
} else {
|
||||
navbarCollapsible.classList.add('navbar-shrink')
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// Shrink the navbar
|
||||
navbarShrink();
|
||||
|
||||
// Shrink the navbar when page is scrolled
|
||||
document.addEventListener('scroll', navbarShrink);
|
||||
|
||||
// Activate Bootstrap scrollspy on the main nav element
|
||||
const mainNav = document.body.querySelector('#mainNav');
|
||||
if (mainNav) {
|
||||
new bootstrap.ScrollSpy(document.body, {
|
||||
target: '#mainNav',
|
||||
offset: 74,
|
||||
});
|
||||
};
|
||||
|
||||
// Collapse responsive navbar when toggler is visible
|
||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
||||
const responsiveNavItems = [].slice.call(
|
||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
||||
);
|
||||
responsiveNavItems.map(function (responsiveNavItem) {
|
||||
responsiveNavItem.addEventListener('click', () => {
|
||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
||||
navbarToggler.click();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
11
sitemap.xml
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>http://akatiggerx04.github.io/graysx-hugo/categories/</loc>
|
||||
</url><url>
|
||||
<loc>http://akatiggerx04.github.io/graysx-hugo/</loc>
|
||||
</url><url>
|
||||
<loc>http://akatiggerx04.github.io/graysx-hugo/tags/</loc>
|
||||
</url>
|
||||
</urlset>
|
10
tags/index.xml
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on Graysx Hugo Theme Demo</title>
|
||||
<link>http://akatiggerx04.github.io/graysx-hugo/tags/</link>
|
||||
<description>Recent content in Tags on Graysx Hugo Theme Demo</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="http://akatiggerx04.github.io/graysx-hugo/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|