This project provides the foundation for building a dynamic one-page website to showcase your company's offerings. With dia_landing, you can effortlessly create a streamlined online presence that informs visitors about your services, ignites their interest, and compels them to connect with you.
- HTML: The website's core structure is built with organized and semantic HTML.
- BEM (Block Element Modifier): CSS classes follow the BEM convention for maintainability and reduced style conflicts, using the Block__Element--Modifier format.
- SCSS (Sassy CSS): Enhances maintainability and readability with features like:
- Mixins: Reusable code snippets to keep styles DRY.
- Variables: Consistent values stored for easy modification.
- Extends: Base styles inherited and extended for specific elements.
- Nesting: Nested selectors for managing complex layouts.
- CSS Rules: Comprehensive rules covering layout, typography, colors, and more.
- Adaptive Layout: Responsive design with media queries ensures optimal viewing on all devices (desktop, tablet, mobile).
- Style Reset: A basic CSS reset normalizes default browser styles for a consistent foundation.
- JavaScript (Light Usage): Minimal JavaScript for minor interactive elements or functionalities (e.g., slider).
Click the button below to experience the DIA landing page:
This project uses Node.js 14. Switching to it ensures compatibility with project dependencies. Refer to Node.js download for installation instructions.
Clone the project
git clone https://github.com/julwer1k/dia_landing.git
Go to the project directory
cd dia_landing
Install dependencies
npm install
Start the server
npm run start
Check linter [HTML, JavaScript, CSS]
npm run lint