Skip to content

leshz/maqueta-team

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

maqueta-team

Maquetacion realizada por el Team Master

Wireframe

En este proyecto, se creara en equipo el siguiente wireframe:

y este fue el resultado :)

Se crearon los siguientes componentes:

Photo zone

This section shows the photo area which was created with HTML and css grid.

Preview

This section was created by Guiselle Mejía

Component video

This is the component video

Description

This section show a video in the landing page The file css it's here

The result it's here

The mockup:

Developer: dfloresdev

Section video with text

This component works to put a video with a description This component was create with HTML and CSS, This component is responsive.

View in Desktop

View in Mobile

Mockup

Article

This component refers to the article of the page. The article is made with CSS and HTML.

Technologies used

  • CSS
  • HTML

View of the component on the page

Author

Juan Camilo Rico Orjuela juancarico92@gmail.com

Checkbox Container

The checkbox container has 3 checkboxes with different options.

The wireframe:

checkbox

It looks like this:

checkbox

Tecnologies used:

  • HTML
  • CSS

Follow me @AryRosvall

Header Container

This header was created with CSS3 and I include this features:

  • Responsive lettering
  • Animation
  • 3D transform
  • Responsive
  • Mobile first

Preview

headerComponent

Technologies

  • CSS3
  • HTML
  • Pizza to code compiler

Follow me @YoshuaDiaz or visit my website

Footer

The footer has been built with the BEM methodology, it has 2 sections where you can add related links and / or more important sections of the site. CSS has also been added for devices with a maximum size of 768.

View Desktop

ViewDesktop

View max-width(768)

ViewMovil

Author

José Manuel Salazar @jmsg78

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Social Network Component

This is the Social Network Component

Description

Show the social network's links and icons The CSS file was here Icons: -Facebook -Instagram -YouTube -Twitter

Finished Component

PNG Social Network

Technologies and tools

  • HTML
  • CSS
  • Git, GitHub
  • VSCode
Visit my Platzi Profile and follow me at Fer Torres (@fertorresmx)

License

MIT

About

Maquetacion realizada por el Team Master

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published