Kapturall Prueba Tecnica Landing Page

This is a test landing page for Kapturall's technical assessment. The landing page is designed to meet the following requirements:

  • 100% responsive design
  • Use of a specific font imported from Google Fonts
  • Hamburger menu for small devices
  • Buttons with hover effect
  • The first hero module has a background image
  • The menus have at least two levels and are anchored to sections of the page itself

Technologies Used

  • HTML
  • CSS
  • Bootstrap (optional)
  • jQuery

Getting Started

To view the landing page, simply open the index.html file in a web browser.

If you want to make changes or customize the landing page, you can modify the HTML and CSS files according to your needs.

Folder Structure

The folder structure for the landing page is as follows:

├── index.html ├── style.css ├── app.js ├── images/ │ ├── kapturall-logo-black-240x96.png │ ├── placeholder.png │ ├── section2_img1.jpg │ ├── section2_img2.jpg │ ├── section2_img3.jpg │ ├── section2_img4.jpg │ ├── section3_img1.jpg │ ├── section4_img1.jpg │ ├── section4_img2.jpg │ ├── section4_img3.jpg │ ├── section4_img4.jpg │ ├── section4_img5.jpg │ └── section4_img6.jpg └── README.md

  • index.html: The main HTML file containing the structure and content of the landing page.
  • style.css: The CSS file for custom styles and layout.
  • app.js: The JavaScript file for any additional functionality.
  • images/: A folder containing the required images for the landing page.

Dependencies

The landing page has the following dependencies:

  • Bootstrap 4.5.2 (CDN): Used for styling and responsive layout.
  • jQuery 3.5.1 Slim (CDN): Required for Bootstrap's JavaScript plugins.

Please make sure you have an internet connection to properly load these dependencies.

Requirements

Feel free to customize the landing page according to your requirements. You can modify the HTML, CSS, and JavaScript files as needed.

If you decide to use Bootstrap, you can leverage its components and utilities for faster development. Otherwise, you can use Flexbox or CSS Grid for layout purposes.

Credits

This landing page was built as a test for Kapturall's technical assessment. All credits and rights belong to Kapturall.

For any questions or further information, please contact Kapturall at info@kapturall.com.