Just Completed Class Assignment - Figma Design

Just Completed Class Assignment - Figma Design

?? Exciting Update! ??

After nearly a week of hard work and creativity, I’m thrilled to share the completion of my latest design project! Huge thanks to #SirMuhammadAnas, #SirAhmer, #Sir Ameen Allam, #Sir Danyal Nagori, #Sir Shaikh Hammad Bin Nadeem and all my respected teachers for their invaluable guidance and support. ??

This project has been a rich learning experience, and I’m proud of what we’ve created together.

? Explore the code on GitHub: [GitHub Link] (Note: The pages are currently not linked, but I'm eager to enhance this project further!)

import React from 'react'
import Image from 'next/image'
import Logo from '../../public/Logo.png'
import Search from '../../public/Search.png'
import Cart from '../../public/Cart.png'
import Favorities from '../../public/Favorites.png'
import User from '../../public/User.png'


export default function Nav() {
  return (
    <>
    <div className="w-full border-b flex justify-between pt-4 pr-40 pb-4 pl-40 bg-[#ffff] ">
        
        <Image
        src={Logo}
        alt=''
        width={65.4}
        height={22.87}
        />
        
        <Image 
        src={Search}
        alt=''
        width={24}
        height={24}
        className='ml-40'
        />
        <div className=" w-[47px] h-[18px] opacity-50 text-[14px] leading-[18px] text-[#656565] mr-40">Search
        </div>
        <div className="w-[369px] h-[19] flex gap-[52px]">
        

#LearningJourney #ProjectShowcase #WebDesign



要查看或添加评论,请登录

Muhammad Ahmed的更多文章

  • TypeScript Modules:

    TypeScript Modules:

    Types and Use Cases Ever wondered how TypeScript keeps our projects organized and scalable? Let's dive into the world…

  • Compound Operators in TypeScript

    Compound Operators in TypeScript

    Zia Khan Asharib Ali Mubashir Ali Ghayyas Mubashir Anum Rehman In the world of TypeScript programming, efficiency and…

    1 条评论
  • Enum in TypeScript

    Enum in TypeScript

    Zia Khan Mubashir Ali Asharib Ali Ghayyas Mubashir Defining an enum in TypeScript: In this example: is the name of the…

  • ?? TypeScript: REST PARAMETER ??

    ?? TypeScript: REST PARAMETER ??

    Zia Khan Asharib Ali Mubashir Ali Ghayyas Mubashir #JavaScript #Programming #CodingTips #Developer #LinkedInPost…

  • ??? Generating a Pyramid of Stars in TypeScript ???

    ??? Generating a Pyramid of Stars in TypeScript ???

    Introduction When learning TypeScript mini projects are incredibly beneficial for grasping coding concepts. Here, I've…

  • Exciting to share

    Exciting to share

    Hey everyone! ?? Just wanted to share my excitement with you all – I just finished my homework, and I feel like I'm on…

  • EVEN NUMBERS

    EVEN NUMBERS

    Even numbers are integers that are exactly divisible by 2. In other words, when you divide an even number by 2, there…

  • CLI - Calculator in Switch Case:

    CLI - Calculator in Switch Case:

    Asharib Ali Ameen Alam CLI-Calculator in Switch Case:

  • TodoApp

    TodoApp

    Al Hamdullilah Completed todoApp Ameen Alam Asharib Ali

社区洞察

其他会员也浏览了