Skip to content

This page was made as a personal project in connection with an educational exercise.

This is NOT the official site of the company or brand identified on the page. The creator of this page is NOT affiliated with the company or brand in any way. DO NOT enter any personal information (such as logins, passwords or credit card numbers) on this site.

Latest commit

 

History

History
53 lines (33 loc) · 1.68 KB

readme.md

File metadata and controls

53 lines (33 loc) · 1.68 KB

Hey there 👋
I'm Shyam, a CE student and creative coder and self-proclaimed designer. I make it my mission to translate user-focused designs into pixel-perfect websites.

I made PAYTM home page clone using Tailwind css only

I Deployed my Project on Netlify and Vercel. so you can check it out 👇
https://paytm-cln.netlify.app/ recommended

📌Resources and and its corresponding CDN links

  • CDN Flowbites(only for navbar)

        <!-- put this in side head -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></scrip>
        <!-- put this one befor body end -->
        <script src="https://unpkg.com/[email protected]/dist/flowbite.js"></script>
  • ION Icon cdn

        <!-- paste before body tag get closed -->
          <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
          <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
  • tailwind-elements cdn

    <!-- here i used this cdn just for collpsible element inside footer -->
    <!-- paste this link inside head tag -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tw-elements/dist/css/index.min.css" />

What I Learned from this Project?

  • I learned how we use tailwind css to build responsive web pages
  • I learned about how we can create different layouts using tailwind css

This Project took around 4:00 Hours ⏲️ to complate.

Author