these are some links i am keeping

this is going to be my portfolio, I will be updating it once I finish this.

its fun

1 July

home page is done

.staatliches-regular { font-family: "Staatliches", sans-serif; font-weight: 400; font-style: normal; }

.squada-one-regular { font-family: "Squada One", sans-serif; font-weight: 400; font-style: normal; }

.league-gothic- { font-family: "League Gothic", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.155.0/three.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/automat/controlkit.js@master/bin/controlKit.min.js"></script>

sources

https://www.youtube.com/watch?v=6d5yRW5suZE

• { margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, sans-serif; block-size: border-box; }

html, body { height: 100%; width: 100%; }

body::-webkit-scrollbar { display: none; }

#active { font-weight: bold; font-style: italic; }

#nav { padding: 3vw 10vw; margin-top: 20px; display: flex; justify-content: space-between; }

#navleft { display: flex; gap: 20px; }

#navright { display: flex; gap: 20px; }

#nav a { text-decoration: none; color: #000; }

<title>Ayush Verma</title>

<div id="nav">

  <div id="navleft">
    <a href="index.html" id = "active">Home</a>
    <a href="../pages/products.html">Products</a>
    <a href="../pages/contact.html">Contact</a>
  </div>

  <div id="navright">
    <a href="../pages/gyaan.html">Gyaan</a>
    <a href="../pages/gallery.html">Gallery</a>
  </div>

</div>