dotfind's People
dotfind's Issues
SECTION #2 - How we do it
Crear la sección de How we do it usando el carrusel antes creado.
Utilizar Lorem Ipsum para el texto
SECTION #1 - Crear header
- Imagen a la derecha que tenga sobre sí un div con transparencia con el color principal
- A la izquierda un texto con un botón CTA (call to action) que vamos a hacer en otro ticket
- Tiene que tomar el 100 del height de la pantalla en desktop y mobile
Crear variables globales con los colores de la paleta
Usar los colores que te parezcan, después se cambian fćail
Scroll bar
Cambiar scroll bar, hacerla del color principal de la página
https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
Animacion - Titulos, textos, botones, etc
Hay que hacer una animación que a medida que el componente aparezca en pantalla se vaya renderizando.
Para esto va a haber dos partes, la primera se va a reusar en la mayoría de las animaciones:
- Saber cuando un componente está en pantalla
- Generar la animación con CSS
Para esto hay varias opciones que te lo simplifican:
Estaría bueno que leas Animation Add-Ons y te fijes si te sirve o es muy complejo. (Preferible siempre usar librerías oficiales de react)
Si no, react-animate-on-scroll está buena, fijate acá en la DEMO baja hasta animateOnce y ese es el que deberías usar, que solo se haga la animación la primera vez.
La idea es que hagas UN componente reutilizable al que después uses para todos los demás components (que tengan distintas animaciones, así como hace Xmartlabs)
SECTION #4 - What do we do (TBD)
TO BE DEFINED
IDEA:
¿Que hacemos?
Y mostrar nuestros servicios, como diseño, aplicaciones web, aplicacioens mobile, etc.
Crear componente de testimonial
SECTION #3 - Dont take our word for it
Crear la sección de Don't take our word for it, mostrando 3 testimonials con nombres falsos y textos de Lorem Ipsum
Header - ThreeJS (TBD)
El header podría tener algo 3D como habíamos hablado
Crear componente carrusel
Crear un componente carrusel que ocupe el 100% del width y tenga adentro un bloque con titulo y texto a la izquierda y una imagen a la derecha.
Arriba del todo tienen que estar todos los títulos y al tocar en uno te lleva hacia esa parte del carrusel
https://www.fktech.net/#carousel-comohacemos
TEST ISSUE
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.