github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add store link in footer

Browse Source
pull/3935/head
Kamran Ahmed 2 years ago
parent 4b76d0b7aa
commit 9d66da6bf9
1 changed files with 31 additions and 23 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 54
      src/components/Footer.astro

54
src/components/Footer.astro
Unescape View File

@ -2,45 +2,53 @@
import Icon from './AstroIcon.astro'; import Icon from './AstroIcon.astro';
--- ---
<div class='py-6 sm:py-16 pb-10 bg-slate-900 text-white'> <div class='bg-slate-900 py-6 pb-10 text-white sm:py-16'>
<div class='container'> <div class='container'>
<p class='text-gray-400 font-medium flex flex-col sm:flex-row gap-0 sm:gap-4 mb-8 sm:mb-16 justify-center'> <p
class='mb-8 flex flex-col justify-center gap-0 font-medium text-gray-400 sm:mb-16 sm:flex-row sm:gap-4'
>
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/roadmaps'>Roadmaps</a href='/roadmaps'>Roadmaps</a
> >
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/best-practices'>Best Practices</a
>
<a
class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/guides'>Guides</a href='/guides'>Guides</a
> >
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/videos'>Videos</a href='/videos'>Videos</a
> >
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' target='_blank'
href='/about'>About</a rel='noopener noreferrer nofollow'
class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='https://cottonbureau.com/people/roadmapsh'>Store</a
> >
<a <a
class='transition-colors px-2 py-1.5 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='https://youtube.com/theroadmap?sub_confirmation=1' href='https://youtube.com/theroadmap?sub_confirmation=1'
target='_blank'>YouTube</a target='_blank'>YouTube</a
> >
</p> </p>
<div class='flex flex-col sm:flex-row justify-between gap-12'> <div class='flex flex-col justify-between gap-12 sm:flex-row'>
<div class='max-w-[365px]'> <div class='max-w-[365px]'>
<p class='flex items-center text-md'> <p class='text-md flex items-center'>
<a <a
class='font-medium text-lg inline-flex items-center text-white transition-colors hover:text-gray-400' class='inline-flex items-center text-lg font-medium text-white transition-colors hover:text-gray-400'
href='/' href='/'
> >
<Icon icon='logo' /> <Icon icon='logo' />
<span class='ml-2'>roadmap.sh</span> <span class='ml-2'>roadmap.sh</span>
</a> </a>
<span class='text-gray-400 mx-2'>by</span> <span class='mx-2 text-gray-400'>by</span>
<a <a
class='bg-blue-600 text-sm py-1 px-1.5 font-regular hover:bg-blue-700 rounded-md' class='font-regular rounded-md bg-blue-600 px-1.5 py-1 text-sm hover:bg-blue-700'
href='https://twitter.com/intent/user?screen_name=kamrify' href='https://twitter.com/intent/user?screen_name=kamrify'
target='_blank' target='_blank'
> >
@ -48,11 +56,11 @@ import Icon from './AstroIcon.astro';
<span class='inline sm:hidden'>Kamran Ahmed</span> <span class='inline sm:hidden'>Kamran Ahmed</span>
</a> </a>
</p> </p>
<p class='text-slate-300/60 my-4'> <p class='my-4 text-slate-300/60'>
Community created roadmaps, articles, resources and journeys to help you choose your path and grow in your Community created roadmaps, articles, resources and journeys to help
career. you choose your path and grow in your career.
</p> </p>
<div class='text-gray-400 text-sm'> <div class='text-sm text-gray-400'>
<p> <p>
&copy; roadmap.sh &copy; roadmap.sh
<span class='mx-1.5'>&middot;</span> <span class='mx-1.5'>&middot;</span>
@ -65,21 +73,21 @@ import Icon from './AstroIcon.astro';
</div> </div>
</div> </div>
<div class='text-left sm:text-right max-w-[365px]'> <div class='max-w-[365px] text-left sm:text-right'>
<a href='https://thenewstack.io' target='_blank'> <a href='https://thenewstack.io' target='_blank'>
<img <img
src='/images/tns-sm.png' src='/images/tns-sm.png'
alt='ThewNewStack' alt='ThewNewStack'
class='my-1.5 mr-auto sm:mr-0 sm:ml-auto' class='my-1.5 mr-auto sm:ml-auto sm:mr-0'
width='200' width='200'
height='24.8' height='24.8'
/> />
</a> </a>
<p class='text-slate-300/60 my-4'> <p class='my-4 text-slate-300/60'>
The leading DevOps resource for Kubernetes, cloud-native computing, and the latest in at-scale development, The leading DevOps resource for Kubernetes, cloud-native computing,
deployment, and management. and the latest in at-scale development, deployment, and management.
</p> </p>
<div class='text-gray-400 text-sm'> <div class='text-sm text-gray-400'>
<p> <p>
<a <a
href='https://thenewstack.io/category/devops?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Footer' href='https://thenewstack.io/category/devops?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Footer'

Write Preview
Loading…
Cancel
Save