diff --git a/-contact-us-icon-png.png b/-contact-us-icon-png.png new file mode 100644 index 0000000..0655b7f Binary files /dev/null and b/-contact-us-icon-png.png differ diff --git a/1_djuouQ4Qw5tLPX6Un_HnYQ.png b/1_djuouQ4Qw5tLPX6Un_HnYQ.png new file mode 100644 index 0000000..661daa7 Binary files /dev/null and b/1_djuouQ4Qw5tLPX6Un_HnYQ.png differ diff --git a/CSS logo.jpg b/CSS logo.jpg new file mode 100644 index 0000000..245ed53 Binary files /dev/null and b/CSS logo.jpg differ diff --git a/IMG-20240916-WA0012[1].jpg b/IMG-20240916-WA0012[1].jpg new file mode 100644 index 0000000..e8456b2 Binary files /dev/null and b/IMG-20240916-WA0012[1].jpg differ diff --git a/JS logo.jpg b/JS logo.jpg new file mode 100644 index 0000000..d1ae062 Binary files /dev/null and b/JS logo.jpg differ diff --git a/SahityaSingh_Resume.pdf b/SahityaSingh_Resume.pdf new file mode 100644 index 0000000..54f4ba9 Binary files /dev/null and b/SahityaSingh_Resume.pdf differ diff --git a/c cpp logo.png b/c cpp logo.png new file mode 100644 index 0000000..3c1cafa Binary files /dev/null and b/c cpp logo.png differ diff --git a/coding-freak.gif b/coding-freak.gif new file mode 100644 index 0000000..5a69d06 Binary files /dev/null and b/coding-freak.gif differ diff --git a/github-logo-png-.png b/github-logo-png-.png new file mode 100644 index 0000000..8f06d74 Binary files /dev/null and b/github-logo-png-.png differ diff --git a/html logo.jpg b/html logo.jpg new file mode 100644 index 0000000..ef3aced Binary files /dev/null and b/html logo.jpg differ diff --git a/icons8-portfolio-50.png b/icons8-portfolio-50.png new file mode 100644 index 0000000..c6c45d1 Binary files /dev/null and b/icons8-portfolio-50.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..fae4e4b --- /dev/null +++ b/index.html @@ -0,0 +1,350 @@ + + + + + + Document + + + + +
+ +

"Where my Skills , meet your vision"

+ + + + +
+
+ + + +
+
+ +

Hey!!! I'm SAHITYA

+

Web Developer

+

+

"As a passionate and dedicated web developer, I specialize in creating dynamic, responsive, and user-friendly websites. + With a strong foundation in HTML, CSS, JavaScript, and modern frameworks like React and Vue, I strive to deliver seamless digital experiences. My approach is driven by a love for problem-solving and a commitment to writing clean, efficient code. Whether developing complex applications or optimizing performance, I aim to blend creativity with functionality. +

Explore my portfolio to see how I can bring your ideas to life and help elevate your online presence."

+ +
+
+ +
+ + +
+
+
+ +
+ +
+


+ +
+ +
+
+ +

Now lets have a look to know something MORE ABOUT ME

+
+

+ +
+ +
+ +
+

I am 2nd year undergrad at HBTU pursuing Btech from INFORMATION TECHNOLOGY branch

+

Over the past few years, I have developed a deep interest in designing efficient websites and building scalable web applications. As a coding enthusiast, I constantly seek out opportunities to enhance my programming skills through projects and problem-solving challenges. + In addition to my love for web development, I am committed to cracking GATE (Graduate Aptitude Test in Engineering) to further my academic journey and secure opportunities for higher education in the field of computer science and technology. I believe that by mastering core subjects and algorithms, I can lay a strong foundation for my career goals. + + Balancing my studies with my passion for development, I enjoy collaborating with peers on projects and staying updated with the latest trends in technology. I am driven by the desire to innovate and create impactful solutions that can make a difference in the tech world."

+

Apart from it all i have interest in +

+

+
+ + + + +
+ +
+

SKILLS

+ +
+ +
+ + + + + + + + + + +
+ +
+ +
+
+ + + + + + + + + + +
+ +
+ +
+
+ + + + + + + + +
+ +
+ +
+
+ + + + + + +
+ + +
+ +
+ +
+ + + + + + + + +
+ + +
+ + + + + + + + +
+ + +
+ + + +
+
+

PROJECTS

+
+
+ +

Basic RESTAURANT Webpage

+
+

    This project involved building a basic restaurant website using HTML and CSS. The webpage was designed to be visually appealing and easy to navigate. It included the following sections:

+
+
  • Header: Featured the restaurant's name, image, and a simple navigation menu (Facilities, Menu, About, Contact).
    • +
  • About Section: Provided background information about the restaurant, its history, or mission statement.
    • +
  • Menu Section: Displayed various food categories
    • +
  • Contact Section: Included a form for customers to make reservations or inquiries, along with the restaurant's location
    • +
  • Footer: Contained copyright information
    • + + + +
    +

    Tic Tac Toe

    +
    +

    This project is a simple implementation of the classic Tic-Tac-Toe game using HTML, CSS, and JavaScript. The goal is to create an interactive game where two players (X and O) take turns marking a 3x3 grid, with the objective of getting three of their marks in a horizontal, vertical, or diagonal row.

    +

    HERE ARE SOME KEY FEATURES OF MY GAME

    +
  • Game Board: A 3x3 grid created using HTML and styled with CSS. + Each cell of the grid can be clicked to place either an "X" or an "O" (depending on whose turn it is). + +
  • Turn-Based Logic: JavaScript is used to manage player turns, alternating between Player X and Player O after each move. Once a cell is clicked, it cannot be clicked again, and the game will move to the next player.
    • + +
  • Win Detection: JavaScript checks for a winner after every move by evaluating if any row, column, or diagonal has the same symbol (X or O). If a player wins, a message is displayed announcing the winner.
    • +
  • Draw Condition: If all cells are filled and no player has won, the game declares a draw.
    • +
  • Game Reset: A reset button allows players to start a new game, resetting the grid and all variables.
    • +
  • Styling: The board is designed with simple CSS, with hover effects and styles for active cells. Winner and draw messages are displayed in a visually distinct manner.
    • +
    + +
    + +
    + +
    +

    Rock Paper Scissor

    +
    +

    This project is a web-based implementation of the classic game Stone Paper Scissors (also known as Rock Paper Scissors). The game is played between the user and the computer, where each player selects one of the three options (stone, paper, or scissors), and the winner is determined based on the game rules.

    +

    KEY FEATURES :

    +
  • Game Interface: A simple user interface with three buttons for "Stone", "Paper", and "Scissors" that the player can click to make their choice.
    • +
  • Game Logic: JavaScript is used to compare the player's choice with the computer's choice based on the rules.
    • +
  • Score Keeping:The game keeps track of the number of wins, losses, and draws.
    • +
  • Result Display: After each round, a message displays whether the player won, lost, or tied, along with both the player's and computer's choices.
    • +
  • Random Computer Choice: JavaScript's Math.random() function is used to simulate the computer's choice.
    • +
  • Responsive Design: CSS is used to style the buttons, display messages, and score tracker.
    • +
    + +
    + +
    + + +
    + + +
    + +
    +
    + +
    +

    RESUME:

    +

    As a dedicated WEB DEVELOPER, I have crafted my resume to reflect my skills, experiences, and accomplishments in the industry. It provides an overview of my professional journey, highlighting key projects, roles, and the value I bring to any team or organization. You can explore my complete resume through the link below to get a detailed insight into my qualifications and expertise."

    + +
    +
    + + +
    +
    + + +
    + +
    +

    Contact Me

     +
    +

    Let's Work Together

    +

    "Feel free to reach out to me for any professional inquiries, collaborations, or opportunities. I'm always open to connecting with like-minded professionals and contributing to exciting projects. Below are the best ways to get in touch with me."

    + +
    +
    + +
    +
    +
    +
    +
    +
    +

    Address

    +

    Gangotri Girls Hostel KANPUR

    +
    +
    +
    +
    +
    +

    Phone

    + 8445348303 +
    +
    +
    +
    +
    +

    Email

    + sahityasingh730@gmail.com +
    +
    +
    +
    +
    +
    +
    +

    Send Message

    +
    + + Full Name + +
    +
    + + Email + +
    +
    + + Type your message +
    + + + + +
    +
    +
    +
    +
    + +
    +
    + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/itm680fc5532233f.htm b/itm680fc5532233f.htm new file mode 100644 index 0000000..02ba071 --- /dev/null +++ b/itm680fc5532233f.htm @@ -0,0 +1,109 @@ + PUMA Puma Reflex Wns Casuals For Women - Buy PUMA Puma Reflex Wns Casuals For Women Online at Best Price - Shop Online for Footwears in India | Flipkart.com
    FlipkartExplore Plus
      Become a Seller
      More
      4
      Cart
      Home
      Footwear
      Women's Footwear
      Women's Casual Shoes
      PUMA Women's Casual Shoes

      PUMA Puma Reflex Wns Casuals For Women (Blue , 3)

      +
      Share

      PUMA Puma Reflex Wns Casuals For Women  (Blue , 3)

      Special price
      ₹1,399
      ₹3,999
      65% off
      i
      4.2
      1,803 ratings and 92 reviews
      Available offers
    • Bank Offer5% Unlimited Cashback on Flipkart Axis Bank Credit Card
      T&C
    • Bank Offer10% off up to ₹1,250 on HDFC Bank Credit Card Transactions. Min Txn Value: ₹7,499
      T&C
    • Bank Offer10% off up to ₹1,500 on HDFC Bank Credit Card EMI Transactions. Min Txn Value: ₹7,499
      T&C
    • Special PriceGet extra 63% off (price inclusive of cashback/coupon)
      T&C
      • Deliver to
      Check
        Delivery by5 Oct, Saturday|Free₹40
        ?
        if ordered before 1:20 PM
      View Details
      Services
      • Cash on Delivery available
        ?
      Color
      • Evening Sky-Carnation Pink-White
      • Peacoat-Rose Quartz-White
      • White-Light Aqua-Black
      Please select a Color to proceed
      Size- UK/India
      • 3
        Euro 35.5
        Hurry, Only 4 left!
      • 4
        Euro 37
      • 5
        Euro 38
      • 6
        Euro 39
      • 7
        Euro 40.5
      • 8
        Euro 42
      • Size Chart
      Please select a Size- UK/India to proceed
      Seller
      HSAtlastradeFashion
      4.3
      • 10 Days Return Policy
        ?
      • GST invoice available
        ?
    • See other sellers
      • Product Details
      Color
      Blue
      Outer material
      Textile
      Model name
      Puma Reflex Wns
      Ideal for
      Women
      Occasion
      Casual
      Type For Casual
      Casuals
      Net Quantity
      1
      Sole material
      Rubber
      Closure
      Lace-Ups
      Sales package
      1 Pair Shoes
      pack of
      1
      Tip shape
      Round
      Season
      EOSS-1-2023
      Care instructions
      Wipe with a clean dry cloth
      PRODUCT STORY : Elevate, intensify the Style drills, out run those goals, here are the perfect PUMA Shoes an all season favorite , perfect for leisure. DETAILS : Syntethic & Mesh Upper provides breathability & durabilty low boot construction with lace closure PUMA Logo for subtle branding Rubber Outsole for traction
      Manufacturing, Packaging and Import Info
      Ratings & Reviews
      4.2
      1,803 ratings and 92 reviews
      What our customers felt:
      Images uploaded by customers:
      + 13
      5
      Nice , as expected
      READ MORE

      Flipkart Customer

      Dec, 2022

      23
      5
      Permalink
      Report Abuse

      Certified Buyer, Prayagraj

      4
      Awesome look
      READ MORE

      Bhawna Dewangan

      May, 2023

      3
      1
      Permalink
      Report Abuse

      Certified Buyer, Bhilai

      5
      Nice shoes it's a very comfortable 👍 thankyou Flipkart 🤗
      READ MORE

      Flipkart Customer

      Nov, 2022

      4
      2
      Permalink
      Report Abuse

      Certified Buyer, Vindhya Nagar Ntpc Township

      All 92 reviews
      Questions and Answers
      Q:Is it water proof?
      A:Very much comfortable .....
      Anonymous
      Certified Buyer
      2
      1
      Report Abuse
      Q:How weight is it?
      A:Very light
      Anonymous
      Certified Buyer
      1
      2
      Report Abuse
      Q:Can I us this shoe in treking
      A:Yes it's very nice product and comfart.
      Mahesh Deshpande
      Certified Buyer
      1
      0
      Report Abuse
      All questions
      Didn't get the right answer you were looking for
      You might be interested in
      Handbags
      Min. 70% Off
      Shop Now
      Wrist Watches
      Min. 90% Off
      Shop Now
      Women's Slippers & Flip Flops
      Min. 50% Off
      Shop Now
      Women's Kurtas
      Min. 50% Off
      Shop Now
      Back to top
      + + + + \ No newline at end of file diff --git a/react-1-logo-png-transparent.png b/react-1-logo-png-transparent.png new file mode 100644 index 0000000..54c5b3c Binary files /dev/null and b/react-1-logo-png-transparent.png differ diff --git a/rock-paper-scissors.gif b/rock-paper-scissors.gif new file mode 100644 index 0000000..b49f9f2 Binary files /dev/null and b/rock-paper-scissors.gif differ diff --git a/rsume pic.jpg b/rsume pic.jpg new file mode 100644 index 0000000..7267615 Binary files /dev/null and b/rsume pic.jpg differ diff --git a/social-media-clock-6lr44vpa59lgfbhd.gif b/social-media-clock-6lr44vpa59lgfbhd.gif new file mode 100644 index 0000000..eb52207 Binary files /dev/null and b/social-media-clock-6lr44vpa59lgfbhd.gif differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..9a64e07 --- /dev/null +++ b/style.css @@ -0,0 +1,535 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + + font-family: 'Poppins', sans-serif; + +} + +.contents { + height:10vh; + display: flex; + justify-content: space-evenly; + align-items: center; + text-decoration: solid; + gap: rem; + text-align: center; + list-style: none; + background-color: grey; + +} + + + + +.navlist { + display: flex; + justify-content: center; + align-items: center; + gap: 3.5rem; + list-style: none; + text-decoration: none; + text-transform: uppercase; + +} + + +body{ + background-color:black; + color: white; + +} + +.intro{ + color: aliceblue; + padding-left: 5rem; + padding-top: 6rem; +} + +.intro h2 { + font-size: 2rem; +} + +.intro h1 { + font-size: 4rem; +} + +.brief { + max-width: 46rem; + margin: 1.1rem 0 3rem 0; +} + +.btn { + padding-top:2rem ; + padding-left: 5rem; +border-radius: 2rem; +} + +button:hover { + background:transparent; + color: aqua; +} + +.design .circle{ + aspect-ratio: 1; + position: absolute; + border-radius: 50%; + top: 50%; + left: 80%; + transform: translate(-50%, -50%); +} +.circle:nth-child(1){ + background:#fff; + width: 23rem; +} + +.circle:nth-child(2){ + + width: 20rem; + + background-image: url("image/IMG-20240916-WA0012[1].jpg"); + background-size: 100%; + background-repeat: no-repeat; + +} + +.circle:nth-child(2) { + img { + width: 20rem; + height: 20rem; + object-fit: cover; + border-radius: 50%; + } +} + +.About h1 { + font-size: 1.8rem; + font-family: Verdana, Geneva, Tahoma, sans-serif; + display: flex; + justify-content: center; + align-items: center; + margin: auto; + margin-left: 9rem; + margin-top: 3rem; + color: plum; +} + +.left-container{ + img { + height: 500px; + width: 500px; + margin-top: 5rem; + margin-left: 5rem; + border-radius: 50%; + +} +} + +.right-container { + margin-top: -25rem; + margin-left: 46rem; + max-width:50rem ; + +} + +.right-container ul{ + margin-top: 4rem; +} + +.skills h3{ + margin-top: 13rem; + justify-content: center; + align-items: center; + margin-left: 40rem; + font-size: 6rem; + text-decoration: underline; +} + + + +.skills img { + height:300 px; + width: 300px; + margin-left: 7rem; + display: inline; + justify-content: space-evenly; + align-items: center; + gap: 120rem; + margin-top: 5rem; + } + +.star-icon { + color: #ffe400; + font-size:50px; + font-weight: 800; + margin-left: 6rem; + +} + +.star-icon input + label{ + font-size: 60px; + text-shadow: 1px 1px 0 #ffe400; + cursor: pointer; +} + +.star-icon input{ + display: none; +} +.star-icon input:checked + label ~ label{ + color:#838383; +} + + + +.star-icon label:active{ + transform: scale(0.8); + transition: 0.1s ease-in; +} + +.htms img{ + height: 410px; + width: 300px; + margin-left: 42rem; + margin-top: -150rem; + padding-bottom: 6rem; +} + + +.star-iconh { +color: #ffe400; +font-size:50px; +font-weight: 800; +margin-left: 41rem; +margin-top: -6rem; +padding-bottom: 6rem; + +} + +.star-iconh input + label{ + font-size: 60px; + text-shadow: 1px 1px 0 #ffe400; + cursor: pointer; +} + +.star-iconh input{ + display: none; +} +.star-iconh input:checked + label ~ label{ + color:#838383; +} +.star-iconh label:active{ + transform: scale(0.8); + transition: 0.1s ease-in; +} + + + + +.reactjs img{ + height: 300px; + width: 300px; + margin-left: 7rem; + margin-top: 3rem; +} + +.star-icon3 { + color: #ffe400; + font-size:50px; + font-weight: 800; + margin-left: 8.5rem; + +} + +.star-icon3 input + label{ + font-size: 60px; + text-shadow: 1px 1px 0 #ffe400; + cursor: pointer; +} + +.star-icon3 input{ + display: none; +} +.star-icon3 input:checked + label ~ label{ + color:#838383; +} +.star-icon3 label:active{ + transform: scale(0.8); + transition: 0.1s ease-in; +} + +.JavaScript img{ + height: 390px; + width: 300px; + margin-left:42rem; + margin-top: -200rem; + padding-bottom: 5rem; + + +} + +.star-icon2 { + color: #ffe400; + font-size:50px; + font-weight: 800; + margin-left: 43rem; + margin-top: -5rem; + +} + +.star-icon2 input + label{ + font-size: 60px; + text-shadow: 1px 1px 0 #ffe400; + cursor: pointer; +} + +.star-icon2 input{ + display: none; +} +.star-icon2 input:checked + label ~ label{ + color:#838383; +} +.star-icon2 label:active{ + transform: scale(0.8); + transition: 0.1s ease-in; +} +.clogo img{ + height: 410px; + width: 310px; + margin-left: 73rem; + margin-top: -122rem; + padding-bottom: 5rem; +} + +.star-icon4 { + color: #ffe400; + font-size:50px; + font-weight: 800; + margin-left: 74rem; + margin-top: -5rem; + +} + +.star-icon4 input + label{ + font-size: 60px; + text-shadow: 1px 1px 0 #ffe400; + cursor: pointer; +} + +.star-icon4 input{ + display: none; +} +.star-icon4 input:checked + label ~ label{ + color:#838383; +} +.star-icon4 label:active{ + transform: scale(0.8); + transition: 0.1s ease-in; +} + +.github img { + height: 510px; + width: 300px; + margin-left: 73rem; + margin-top: -150rem; + padding-bottom: 12rem; +} + + +.star-icons { + color: #ffe400; + font-size:50px; + font-weight: 800; + margin-left: 75rem; + margin-top: -11.5rem; + padding-bottom: 4rem; + + } + + .star-icons input + label{ + font-size: 60px; + text-shadow: 1px 1px 0 #ffe400; + cursor: pointer; + } + + .star-icons input{ + display: none; + } + .star-icons input:checked + label ~ label{ + color:#838383; + } + .star-icons label:active{ + transform: scale(0.8); + transition: 0.1s ease-in; + } + + #project { + display: inline-block; + border: 2px solid #fff; + padding: 27px; + min-height: fit-content; + width: fit-content; + border-radius: 10px; + justify-content: center; + align-items: center; + margin-left: 40rem; + margin-top: 5rem; + font-size: 42px; + text-decoration: underline; + + + + } + + .pjct1 { + margin-top: 5rem; + margin-left: 6rem; + } + + .pjct1 h2 { + border: 2px solid #be3838; + width: fit-content; + background-color: rgb(227, 11, 47); + } + + .pjct1 h2::after { + content: ''; + position: absolute; + background-image: conic-gradient(red,blue); + } + .pjct1 h2::before { + content: ''; + background: linear-gradient( + 45deg, + #FF0000, #FF7300, #FFFB00, #48FF00, + #00FFD5, #002BFF, #FF00C8, #FF0000, + + ); + } + + + + .pjct2 { + margin-top: 6rem; + margin-left: 0rem; + } + + .tic img{ + height: 200px; + width: 200px; + justify-content: center; + align-items: center; + margin-left: 37rem; + margin-top: 2rem; + } + + .pjct3 { + margin-top: 7rem; + } + + .rock img{ + height: 200px; + width: 200px; + margin-left: 37rem; + margin-top: 2rem; + } + + + .Resume { + margin-left: 6rem; + font-size: 25px; + margin-top: 6rem; + font-style: italic; + + } + + .rsume img{ + height: 500px; + width: 400px; + margin-left: 37rem; + border:#002BFF 2px solid; + } + + #link { + border: 2px solid red; + width: fit-content; + padding: 8px; + margin-left: 44rem; + cursor: pointer; + color: #00FFD5; + + } + button:hover{ + color: aquamarine; + } + + .contct { + margin-top: -10rem; + margin-left: 24rem; + padding-right: 27rem; + } + + #conlogo img{ + height: 200px; + width: 200px; + margin-top: 4rem; + margin-left: 6rem; + } + .contct h1{ + font-style: oblique; + font-size: 35px; + color: #FF00C8; + font-weight: 10; + + } + + .right img{ + height: 300px; + width: 300px; + margin-left: 73rem; + margin-top: -12rem; + border-radius: 50%; + } + + .icon { + position: relative; + width: 100%; + padding: 25px 500px; + + + } + + + + .formcontact { + padding: 15px; + margin-top: 3rem; + border: 3px solid whitesmoke; + width: fit-content; + margin-left: 37rem; + + + } + + .input{ + padding: 8px; + + } + + .input.textarea { + height: 80px; + } + + #footer { + margin-top: 17rem; + } + + + + + + + + + + \ No newline at end of file