All CSS files are located in the assets/css folder and scss files are located in the scss folder.
CSS files are good structured and there is a table of content so you can search anything easily.
/******************
Table of Content
1. SETTINGS
2. HELPERS
3. BUTTONS
4. HEADER
5. PAGE
6. ABOUT SECTION
7. PORTFOLIO SECTION
8. RESUME SECTION
9. BLOG SECTION
10. CONTACT SECTION
11. ARTICLE SECTION
/*Google Fonts Import*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap");
/*=================
1. SETTINGS
==================*/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-size: 16px;
font-family: 'Poppins', sans-serif;
line-height: 1.65em;
margin: 0;
position: relative;
}Color Schemes
The assets/css folder contains 7 different css color files.
- blue.css
- green.css
- light_blue.css
- light_green.css
- orange.css
- pink.css
- purple.css
Put your prefered color in to the head section
<!DOCTYPE html>
<html lang="en">
<head>
<!--Color Stylesheet-->
<link rel="stylesheet" href="./assets/css/blue.css">
</head>