Giter VIP home page Giter VIP logo

hacktoberfest-traveling-the-7-wonders-of-the-world's Introduction

Hi ๐Ÿ‘‹ My name is SAHIL SINGH

Full Stack Developer

  • ๐ŸŒย  I'm based in Ahmedabad
  • ๐Ÿ–ฅ๏ธย  See my portfolio at My Portfolio
  • โœ‰๏ธย  You can contact me at [email protected]
  • ๐Ÿง ย  I'm learning NextJS, VueJS.

Skills

C C++ Java Javascript PHP Python Typescript HTML5 React NextJs Vue CSS3 Sass TailwindCSS Bootstrap Material UI Redux Webpack Babel NodeJS GraphQL MongoDB MySQL Firebase Heroku Figma MetaMask Filebase Ethereum Solana

Socials

Badges

hactoberFest2021

My GitHub Stats

sahilsingh7735's GitHub stats

GitHub Commits Graph

Top Languages

GitHub Visitors

Page counter

hacktoberfest-traveling-the-7-wonders-of-the-world's People

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

hacktoberfest-traveling-the-7-wonders-of-the-world's Issues

Make separate folder for CSS and import in HTML file.

Make a separate folder and make a Style.css file and using this file in HTML page,

  1. Make H1 tag and write "Welcome to seven wonders of the world"
  2. There should be a good background of seven wonders of the world.

Make an image slider.

Make an image slider on home page

  1. in the slider there should be images of 7 wonders of the world.
  2. below the image, there should be a small description about the image

Make a Navigation bar

Make a navigation bar, it should contain

  1. left corner random icon.
  2. on right side there should be (Home, About, Profile).
  3. on Click any (Home, About, Profile) page should be redirected to a specific page.
    See This

About Page

Make an about page and in about page there should be demo detail about the traveler who wish to see 7 wonders of the world.

  1. There should be an image.
  2. There should be a name.
  3. Description about traveler
  4. Places he wanted to visit.
  5. Places he has visited.
  6. rating the places he has visited.

What to pack page

Create a new web page name what to "Packing"

List of essential items required.(Heading)

  • See this Link
  • there should be a card and item image and description.

Add on
List Items according to travelers stay
[Example]

  1. Staying in a tent house
  2. Staying in Hostel
  3. etc etc...

Contact Form

Create a "Contact" page.

In the form this should be there

  1. name
  2. email
  3. message
  4. button (Send)

On Click button, the data should be console.log(DATA)
contact

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.