https://github.com/fundakartal/data-warehouse-landing-page

Data Warehouse Landing Page
https://github.com/fundakartal/data-warehouse-landing-page

css flickity gulp gulpjs html javascript js landing-page pug pug-template-engine sass scss template women-in-tech womenwhocode

Last synced: about 1 month ago
JSON representation

Data Warehouse Landing Page

• Host: GitHub
• URL: https://github.com/fundakartal/data-warehouse-landing-page
• Owner: fundakartal
• Created: 2021-12-31T20:39:35.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-01T20:17:02.000Z (almost 3 years ago)
• Last Synced: 2024-09-28T06:41:57.448Z (about 2 months ago)
• Topics: css, flickity, gulp, gulpjs, html, javascript, js, landing-page, pug, pug-template-engine, sass, scss, template, women-in-tech, womenwhocode
• Language: CSS
• Homepage: https://fundakartal.github.io/data-warehouse-landing-page/
• Size: 2.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Data Warehouse Landing Page

Elegant and clean template for any kind of project.

## Table of contents

- [Overview](#overview)

  - [Project Structure](#project-structure)

- [My process](#my-process)

  - [Built with](#built-with)

- [Installation](#installation)

- [Screenshot](#screenshot)

- [Credits](#credits)

## Overview

### Project Structure

css/main.css file is created from main.scss file which is inside the scss folder. main.scss file is used to import the other scss files. CSS codes of the components of the website are included in the scss/pages/index.scss. CSS codes of the header and footer are included in the scss/global folder. 

PugJS is used as a template engine. Files of the template are in the views folder. Files in the views/component and views/global folder are extended from the file called master.pug. HTML codes of the common components of the website are included in the views/component which is in the views folder.

## My process

### Built with

- Semantic HTML5 markup

- CSS custom properties

- CSS Flexbox

- CSS Grid

- Mobile-first workflow

- SVG Using

## Installation

```bash

git clone https://github.com/fundakartal/data-warehouse-landing-page.git

cd data-warehouse-landing-page

npm install or yarn install

```

## Start the server

```bash

gulp

```

Now enter [`localhost:3000`](http://localhost:3000) in the address bar of your browser.

### Screenshot

![screenshot](img/ss.png)

### Credits

- Design: Data Warehouse Landing Page for Figma by SLAB Design Studio