Giter Club home page Giter Club logo

app-theme's Introduction

Name

HFY M2/W2 Homework Project: CODE ALONG

Introduction

The project includes app-theme tutorial from Traversy Media + strategy of creating branches using Collaboration on GitHub. The goals are:

  • practise CSS and HTML
  • learn how to work with flexboxes and more sophisticated HTML
  • refresh the knowledge of working step-by-step. Creating branches for every commit.
  • collaborating on GitHub, learning how to use pull request feature, creating issues, merging requests.

Tools I have used to complete the project

  • GitHub
  • Visual Studio Code or different or any other code editor
  • Git Kraken

Installation

Tips

  • For me it was easier to work by following way:
  • to watch full tutorial to get the common picture
  • write full html code and css gather it in one plave
  • think about the development strategy, which User story will be developen on which step
  • add your code according to dev strategy
  • take your time with no rush to keep your branching tidy and accurate.

app-theme's People

Contributors

katerynakim avatar

Watchers

avatar

app-theme's Issues

Merge 6-contacts

HTML

  • added HTML code which consists of header, subheader, main page and information about company(same as in home page), footer
  • added form as a section element
  • changed subheader name

CSS

  • added CSS on form section

Merge 4-about

HTML

  • added HTML code which consists of header, subheader, main page and information about company(same as in home page), footer
  • information about company was also build up from
      and enter email placeholder.

    CSS

    • added CSS on about setion

Merge 3-infosection-footer

HTML

  • ifosection is bulid from unordered list which are describing core features and image
  • information about company was also build up from
      and enter email placeholder.
    • added footer

    CSS

    • adjusted background color,background color, font, positioning for each section

Merge 1-header-navigation branch

1. Header and Navigation

Header includes an company name or logo.
Navigation bar helps the visitor to understand about the content of the webpage or website.

Repo

This user story was developed on branch 1-header-navigation.

HTML

I have changed the title, added header element.
Added navigation bar which is build from ul function.

CSS

Added CSS on nav bar and header.

Last step

  • Updated dev strategy.
  • Created pull request and raised the issue.
  • Checked the issue, merged pull request via GiHub.
  • The same scenario is done for every next branch.

Merge 5-services

HTML

  • added HTML code which consists of header, subheader, main page and information about company(same as in home page), footer
  • information about company was also build up from
      and enter email placeholder.

    CSS

    • added CSS on

Merge 7-media

CSS

Added media queries to create a responsive navigation menu, that varies in design on different screen sizes.

Merge 2-icons-showcase

HTML

  • showcase (was developed from preloaded template)
  • 6 icon images describing basic core features

CSS

  • Added backfround image as a background.
  • adjusted showcase
  • applied coror to the icons, resized them

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.