HTML starter kit. its a free and open-source
Tags: html, kit, htmlkit, htmlstarterkitstarter
Published: 2023-06-11 14:24:28

## init-html-starter-kit 
Starter Kit for Static Websites. A simple starter kit for Static SCSS support. Evato - Themeforest - Codeanyon & colorLib  These marketplaces have over 1000's of approved template web applications using this HTML starter kit so you can undoubtedly use. <br>
Preview :- [Demo Live](https://sai4ul.github.io/init-html-starter-kit)
Download :- [Github project](https://github.com/sai4ul/init-html-starter-kit)

<hr>

### ⚡ Features

1. SCSS Support
2. Support all Browsers
3. w3 validation
4. 10+ Product Cards
5. 10+ Pricing Cards
6. 10+ Blog Cards
7. 10+ Team Cards
8. 10+ Services Cards
9. 10+ Table Style

<hr>

### 🛠 How to use 

> No need any `command`. Index.html can start your design and you will be provided with an html file called `home-page.html` from here you can use components and sections and many free card designs that you can easily design with.

> `SASS` - Find a folder named scss which contains some theme default SCSS files which will be in default form with the theme. If you create an SCSS files, just call the`main-style.scss` <a href="https://prnt.sc/4looCdkk7hCC" target="_blank">screenShot</a> .If you use SASS then you need to use `Compiler` as far as I know you just need to add the folder. `Download` - <a href="https://prepros.io/">Prepros</a> ,  <a href="https://scout-app.io/">scout-app</a>

> `CSS` - If you don't want to use SASS, you can write your CSS code at `main-style.css`.If you don't use SASS then you can delete the sass folder.
<a href="https://prnt.sc/OG13RbNfe6nh" target="_blank">screenShot</a>

> `js/jQuery` - If you need to write any javascript and query code then you write it in a file named `main.js` <a href="https://prnt.sc/oT5iDaWlEWL8" target="_blank">screenShot</a>

<hr>


### 🚀 Defendance - Library / Framework / Plugin

<table>
  <thead align="center">
    <tr border: none;>
      <td><b>Name</b></td>
      <td><b>Version</b></td>
      <td><b>Description</b></td>
      <td><b>Last updated</b></td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="https://getbootstrap.com" target="_blank">Bootstrap</a></td>
      <td>5.0.2</td>
      <td>Bootstrap is a free and open-source CSS framework</td>
      <td align="center">2023</td>
    </tr>
    <tr>
      <td><a href="https://jquery.com/download" target="_blank">jquery</a></td>
      <td>3.7.0</td>
      <td>jQuery is a JavaScript library</td>
      <td align="center"> 2023</td>
    </tr>
    <tr>
      <td><a href="https://fontawesome.com" target="_blank">Font-awesome</a></td>
      <td>6.3.0</td>
      <td>Font Awesome is a font and icon library based on CSS and Less.</td>
      <td align="center"> 2023</td>
    </tr>
    <tr>
      <td><a href="https://fontawesome.com" target="_blank">Line-awesome</a></td>
      <td>5.11.2</td>
      <td>Font and icon library alternative to Font Awesome.</td>
      <td align="center"> 2023</td>
    </tr>
    <tr>
      <td><a href="https://flagicons.lipis.dev" target="_blank">Flag-icons</a></td>
      <td>6.6.6</td>
      <td>Collection of all country flags in SVG</td>
      <td align="center"> 2023</td>
    </tr>
    <tr>
      <td><a href="https://animate.style" target="_blank">Animate</a></td>
      <td>4.1.1</td>
      <td>Library of CSS animation.css</td>
      <td align="center"> 2023</td>
    </tr>
    <tr>
      <td><a href="https://computerwolf.github.io/SlickNav" target="_blank">SlickNav</a></td>
      <td>1.0.10</td>
      <td>Responsive mobile menu plugin for jQuery</td>
      <td align="center"> 2023</td>
    </tr>
    <tr>
      <td><a href="https://wowjs.uk/" target="_blank">wowjs</a></td>
      <td>1.1.2</td>
      <td>JavaScript library that generates CSS animations</td>
      <td align="center"> 2023</td>
    </tr>

  </tbody>
</table>