Git Product home page Git Product logo

homepage's People

Contributors

tskate avatar

Watchers

 avatar

homepage's Issues

Compose addinional information blocks

You can make the summary less formal by adding additional blocks that contain useful information but present it in an "entertaining" way. For example, likes and dislikes, strengths and weaknesses, a list of skills or hobbies, infographics or interactive modules, etc. You should write the content of such a block before starting the layout because its size will affect the placement of elements on the page.

Compose an intro

Compose an intro (introduction), where in 2-4 sentences describe what you do, what you like to do, what you want to do better, what is important to do, etc.

Add base content to the main page

Add the following base content to the index.html :

  • Primary content template
  • Contact info items example (should be placed inside the contact-info__block)
  • Intro block (should be put below the previous container)

Compose a block with contact information

Links to social networks (Facebook or Instagram, etc.), a phone number or email address, etc. Maybe not all the links in the world, but only those that are really relevant.

Compose a timeline

Make a list of all (important) life events, significant dates, achievements, pleasant and unpleasant experiences, etc. In this particular case, there are no long lists, instead, they are poorly folded, so we pack everything in a row here, and we can keep silent about "extra" events later. The list should be systematized and sorted in such a way that the reader quickly understands the "pattern" and can easily navigate the space and time of this summary.

Create and add styles for the main page

Create styles.css with the following styles :

  • General styles
  • Contact info styles
  • Intro and skills styles
  • Experience and additional info styles

Add this styles.css to index.html.
Add a meta tag for the responsive design.

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.