Skip to content

Instantly share code, notes, and snippets.

@sumitkharche

sumitkharche/about.astro Secret

Created October 14, 2021 16:15
Show Gist options
  • Save sumitkharche/9aef0d3d6767ec84dc27bb3708b61f1e to your computer and use it in GitHub Desktop.
Save sumitkharche/9aef0d3d6767ec84dc27bb3708b61f1e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
about.astro
---
import BaseHead from '../components/BaseHead.astro';
import Footer from '../components/Footer.astro';
import Navigation from '../components/Navigation.astro';
---
<html lang="en">
<head>
<BaseHead />
</head>
<body>
<!-- Navigation-->
<Navigation />
<!-- Page Header-->
<header class="masthead" >
<div class="container position-relative px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8">
<div class="page-heading">
<svg class="logo" width="250" height="250" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<style>
#flame {
fill: #ff5d01;
}
#a {
fill: #000014;
}
</style>
<title>Logo</title>
<path
id="a"
fill-rule="evenodd"
clip-rule="evenodd"
d="M163.008 18.929c1.944 2.413 2.935 5.67 4.917 12.181l43.309 142.27a180.277 180.277 0 00-51.778-17.53l-28.198-95.29a3.67 3.67 0 00-7.042.01l-27.857 95.232a180.225 180.225 0 00-52.01 17.557l43.52-142.281c1.99-6.502 2.983-9.752 4.927-12.16a15.999 15.999 0 016.484-4.798c2.872-1.154 6.271-1.154 13.07-1.154h31.085c6.807 0 10.211 0 13.086 1.157a16.004 16.004 0 016.487 4.806z"
/>
<path
id="flame"
fill-rule="evenodd"
clip-rule="evenodd"
d="M168.19 180.151c-7.139 6.105-21.39 10.268-37.804 10.268-20.147 0-37.033-6.272-41.513-14.707-1.602 4.835-1.961 10.367-1.961 13.902 0 0-1.056 17.355 11.015 29.426 0-6.268 5.081-11.349 11.349-11.349 10.743 0 10.731 9.373 10.721 16.977v.679c0 11.542 7.054 21.436 17.086 25.606a23.27 23.27 0 01-2.339-10.2c0-11.008 6.463-15.107 13.974-19.87 5.976-3.79 12.616-8.001 17.192-16.449a31.024 31.024 0 003.743-14.82c0-3.299-.513-6.479-1.463-9.463z"
/>
</svg>
<img alt="cosmicjs" src="https://web-assets.cosmicjs.com/images/logo.svg" width="250" height="250">
<h1>Astro + Cosmic</h1>
<span class="subheading">Astro Cosmic Blog application is built using Astro and Cosmic CMS</span>
</div>
</div>
</div>
</div>
</header>
<!-- Main Content-->
<main class="mb-4">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<p>Astro is Static Site Generator which is used to build faster websites with less client-side Javascript </p>
<p>Cosmic is Headless CMS API and toolkit to build modern apps faster,together.</p>
<p>This application uses both Astro and Cosmic to bulid next generation apps.</p>
</div>
</div>
</div>
</main>
<!-- Footer-->
<Footer />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment