add footstep pattern
This commit is contained in:
parent
b36a5aa18a
commit
0ae9903eee
BIN
public/backdrops/foot-steps.png
Normal file
BIN
public/backdrops/foot-steps.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 182 KiB |
@ -69,7 +69,13 @@ const About: NextPage = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="mx-auto max-w-7xl sm:p-8">
|
<div style={{
|
||||||
|
backgroundImage: `url("/backdrops/foot-steps.png")`,
|
||||||
|
}} className="mx-auto max-w-7xl">
|
||||||
|
<div style={{
|
||||||
|
WebkitBackdropFilter: `blur(2px)`,
|
||||||
|
backdropFilter: `blur(2px)`,
|
||||||
|
}} className="sm:p-8">
|
||||||
{/** Small screens */}
|
{/** Small screens */}
|
||||||
<div className="sm:hidden w-full bg-neutral-900 p-4 border-b-2 border-yellow-400">
|
<div className="sm:hidden w-full bg-neutral-900 p-4 border-b-2 border-yellow-400">
|
||||||
<h1 className="text-white text-4xl font-bold text-center">
|
<h1 className="text-white text-4xl font-bold text-center">
|
||||||
@ -93,6 +99,7 @@ const About: NextPage = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
</>
|
</>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user