https://github.com/dkevlas/yournameclone
"Imitaciones de diseño web responsivo adaptadas a diferentes dispositivos. Proyecto realizado en Angular, HTML y SCSS. Enlaces de comparación en el README."
https://github.com/dkevlas/yournameclone
angular clone-website design-responsive html5 imitation project-web scss
Last synced: 2 months ago
JSON representation
"Imitaciones de diseño web responsivo adaptadas a diferentes dispositivos. Proyecto realizado en Angular, HTML y SCSS. Enlaces de comparación en el README."
- Host: GitHub
- URL: https://github.com/dkevlas/yournameclone
- Owner: dkevlas
- Created: 2024-09-28T23:59:42.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-08T23:58:29.000Z (3 months ago)
- Last Synced: 2025-03-09T00:24:30.295Z (3 months ago)
- Topics: angular, clone-website, design-responsive, html5, imitation, project-web, scss
- Language: SCSS
- Homepage:
- Size: 150 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Imitación y/o Mejora de un Diseño Web
Este proyecto es una **imitación y/o mejora** de un diseño web que encontré en Pinterest. Aunque el diseño original estaba disponible solo en un solo modo de pantalla, decidí hacerlo **responsivo**, adaptándolo a diferentes pantallas: **celular**, **tablet**, y **desktop**.
## Comparación de Diseños
- **[Diseño Original](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Design-Original.jpg)**
### Imitaciones por Tipo de Pantalla
1. **Mobile-Large**
- **[iPhone XR/XS Max](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Mobile-Large.png)**
- Resolución: 414x1941
2. **Mobile-Medium**
- **[Galaxy S9/Note 8/S8](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Mobile-Medium.png)**
- Resolución: 349x2186
3. **Tablet-Large**
- **[iPad Pro (12.9-inch)](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Tablet-Large.png)**
- Resolución: 1026x1475
4. **Laptop-Standard**
- **[Laptop Standard](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Laptop-Standard.png)**
- Resolución: 1440x1622
5. **Desktop-Wide**
- **[Large Screen](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Desktop-Wide.png)**
- Resolución: 691x1334
6. **Laptop-Personal**
- **[Personal Laptop](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-01-Your-Name/Screen-Personal.png)**
- Resolución: 1366x1608
### Mejoras realizadas:
- Adaptado para **celulares**, **tablets**, y otras resoluciones.
## Código del Proyecto
1. **Clonar el repositorio** usando Git:
```bash
git clone https://github.com/dkevlas/YourNameClone.git
```