mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-10-24 19:26:26 +02:00
feat: Add new banner
This commit is contained in:
16
components/CssScanBanner.tsx
Normal file
16
components/CssScanBanner.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import * as React from 'react';
|
||||
|
||||
export const CssScanBanner = () => (
|
||||
<a className="block-cssscan" href="https://gumroad.com/a/719368019" target="_blank">
|
||||
<div className="block-cssscan__inner">
|
||||
<p className="block-cssscan__title">Have you seen CSS Scan?</p>
|
||||
<p className="block-cssscan__desc">The fastest and easiest way to check, copy and edit CSS.</p>
|
||||
<p className="block-cssscan__more">Learn more →</p>
|
||||
<img
|
||||
className="block-cssscan__image"
|
||||
src="https://toastlog.com/img/logos/cssscan.svg"
|
||||
alt="CSS Scan logo"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
);
|
||||
@@ -1,7 +1,8 @@
|
||||
import * as React from 'react';
|
||||
|
||||
export const Follow = () => (
|
||||
<div className='block-follow'>
|
||||
If you find this site helpful, follow me on <a href="https://twitter.com/nghuuphuoc">Twitter</a> and <a href="https://github.com/phuocng">GitHub</a> to get more useful content like this.
|
||||
<div className="block-follow">
|
||||
If you find this site helpful, follow me on <a href="https://twitter.com/nghuuphuoc">Twitter</a> and{' '}
|
||||
<a href="https://github.com/phuocng">GitHub</a> to get more useful content like this.
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user