Giter Club home page Giter Club logo

new-design's Introduction

A COPORATE LAYOUT OF A MINI-DESIGN SITE

Welcome!

##let's get started.

Thank you for checking this work.

About This Work:

This is a Basic website, which is showcasing different types of design layout and patterns. Firstly this beautiful work is for practsing on understanding and broadening of the CSS position property. This property is very powerful for complex lay-out of Text images and design patterns.

pictures of this Work

##An Example##

##process## THIS FILE IS FOR THE PRACTISE OF HTML(DEEPER) -PRACTISE FOR THE BUILDING OF MODERN SEMANTIC WEBSITE -STRUCTURES OF DIFFERENT , AND PROPER DISPLAY OF MARKUP'S IN A CONTAINER. -PRACTISED PROPER INTERNAL LINKING OF PAGES WITHIN A CONTAINER.

THIS FILE IS FOR THE PRACTISE OF CSS

-PRACTISED USING THE POSITION PROPERTY TO YIELD OUT A BEAUTIFUL LAYOUT OF DIFFERENT SECTIONS. -PRACTISED USING PROPER FONTS AND FONT-SIZES TO ENSURE BEAUTIFUL OUTCOME OF TEXT TEXTURES IN HTML.

##worked on an Hover section## -CSS HOVER-EFFECT: Super useful syntax used to animate elements for little interactions on cursor hover.

Built with

  -HTML(Hypertext Mark-up Language)
  -CSS(Cascading Styles Sheet)

My Challanges and lessons

Learnt how To use the position property to my advantage in ensuring proper lay-out and design of website To make the site a little responsive you can try and add these for those who will love to clone nd make use in your local machine.

Installations

-For those Farmiliar with Git-hub you can clone the repo and pull to your local workplace to view.

-For those who want to check the work rom the site, click here [https://app.netlify.com/sites/trusting-snyder-ea107e], to view Thank you once again.

Best syntax Used

``CSS

(transform), (flex-box), and (power of proper font usage). Transform is very important for efficient animations to improver the ui's of a website, with the flex-box to avoid dis-mantle of sections and our all underrated font usage. ``

Resources that helped

-For the Colors[https://htmlcolorcodes.com/color-names/]

-For the images[https://unsplash.com/]

-For the Fonts[https://fonts.google.com/]

-For the icons[https://fontawesome.com/]

Licsense

This work is under [MIT] liscence. It's highly free and opensource to anyone.

new-design's People

Contributors

chukwuma5 avatar

Stargazers

 avatar

Watchers

 avatar

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.