Giter Site home page Giter Site logo

j14chambers / 30days30sites Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 34.49 MB

Part of the 30 Days 30 Sites Challenge. Create a webpage or website each day.

CSS 19.65% HTML 80.00% JavaScript 0.35%
webpage challenge 30days30sites website html-css 30days webdevelopment

30days30sites's Introduction

30 Days 30 Sites

30 Days 30 Sites is a challenge to create 30 sites in 30 days. Building a site every day for 30 days to master the frontend. This respository is where all sites that were created for this project.

Use this link to find all sites created:

Day 1: Porfolio

This is a showcase of some of the webpages that I have created so far.

Day 2: Event Inivation

The event inivation shows a wedding invitation. This site has multiple pages. This site includes a form on the RVSP page and a gallery on the gallery page. Bootstrap was used on this site.

Day 3: Tourist Attraction

This webpage features the Yellowstone National Park. All information and images are taken from the offical site. Bootstrap was used in this for the social icons. This also makes this site good for smaller screens, but not really mobile responsive.

Day 4: Restaurant Menu

For this webpage I used a restaurant in Huntsville, Al called Drakes. I put a few of their menu items together into this webpage. This site is the most mobile responsive site that I have made. This site was made with mobile responsive in mind.

Day 5: Product Site

I used the HP Spectre for the product. I kept the same color scheme for the webpage. All of the content of this page comes from hp. This site takes the information from HP and images from the web to bring a nice look for this product. I wanted to see if I can duplicate the HP Spectre page and make changes to it.

Day 6: Book/Author

The book used for this is Branded by Keary Taylor. There is a book summary, reivews, where to buy, and a short paragraph about the author. This page shows a good choice of fonts, colors and layout.

Day 7: Movie/Trailer

The movie is Iron Man, using all 3 movies in this site. All information on this site came from wikipedia and marvel.com. Images are from the web. I believe that the layout is nicely exectued on this site. The font and the colors work well together.

Day 8: Celebrity Fan Page

I am fan of Supernatural. So here is the fan page dedicated to Dean, Sam, and Castiel. This

Day 9: Children's Toy/Game

Mononpoly. Who doesn't love the game that ruin a lot of friendships. A basic page with background on th game.

Day 10: Photographer

Not my best work. But the layout needs help. I took the layout of the images from a Codepen that I will link later on.

Day 11:

Day 12: Club

A Club made up for this site. This page has a different layout. I also used stock images.

Day 13: Beverage

Faygo. The best drink brand that has drinks at a resaonable price. A Page with background on the company.

Day 14: Printing Company

Day 15: Motivational Speaker

Day 16: Charitable Organization

Day 17:

Day 18: Cuise Ship

Day 19: Candy

Day 20: Blog Lnading Page

Day 21: Email Newsletter

Day 22: Weight Loss Product/Program

Day 23: Gardener/Landscaper

Day 24: Online Shop

Day 25: Recipe Site

Day 26: Game's Offical Site

Day 27: TV Show

Day 28:

Day 29: Online Resume

Day 30: 404 Page

© 2017 All right reserved. The images and content used on this site belong to their rightful owners. This site was created by Jessica Chambers as part of the 30 Days 30 Sites.

30days30sites's People

Contributors

j14chambers avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

30days30sites's Issues

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.