Hire Us for Customization

Starty - Multipurpose HTML5 Template

Introduction

Starty is a Powerful, Responsive Multi-Purpose Multi-Page & One-Page HTML5 Template based on the Latest Bootstrap 5 Framework. Starty is perfect for Startup Business, Corporate Business, Finance, Application, Saas, SEO Agency, Digital Marketing, Marketing, Product Launch, Restaurant, Coffee and Cafe, Personal, Minimal Portfolio, Developer, Personal Blog, Charity, Event Management, e-Commerce and any type of other businesses. You can quickly get started your project using 18+ stunning and unique niche home page demos. You can showcase your dream portfolio using 20+ awesome portfolio styles and have everything for a great portfolio. Works pretty fast and it is smartly responsive on all devices, it looks amazing on PC, Tablets, Smartphones, etc. Your visitors will be able to experience brilliant optimized same design in different screen types and devices.

We have added a both Light and Dark version.

Please feel free to get back to me in case if you are having any question or feedback.

Structure

I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

File & Folder Structure
Starty_v1.2.0
|
├──  html files
│   └── Something 88 html pages
│
├──  css/
│   │
│   └──  bootstrap.css
│   └──  animate.css
│   └──  animation-delay.css
│   └──  aos.css
│   └──  tobii.css
│   └──  materialdesignicons.min.css
│   └──  tiny-slider.css
│   └──  swiper-bundle.min.css
│   └──  swiper.min.css
│   └──  style.css
│   └──  style-dark.css
│
├──  fonts/
│   └──  ajex-loader.gif
│   └──  materialdesignicons-webfont.eot
│   └──  materialdesignicons-webfont.svg
│   └──  materialdesignicons-webfont.ttf
│   └──  materialdesignicons-webfont.woff
│   └──  materialdesignicons-webfont.woff2
│
├──  images/
│   └──  All dummy images
│
├──  scss/
│   ├──  dark/
│   │   └──  dark scss files
│   └──  _blog.scss
│   └──  _bootstrap-custom.scss
│   └──  _components.scss
│   └──  _contact.scss
│   └──  _countdown.scss
│   └──  _cta.scss
│   └──  _features.scss
│   └──  _footer.scss
│   └──  _general.scss
│   └──  _helper.scss
│   └──  _home.scss
│   └──  _menu.scss
│   └──  _portfolio.scss
│   └──  _pricing.scss
│   └──  _team.scss
│   └──  _cafe.scss
│   └──  _restaurant.scss
│   └──  _testi.scss
│   └──  _variables.scss
│   └──  style-dark.scss
│   └──  style.scss
│
├──  php/
│   └──  contact.php file
│
└──  js/
	└──  bootstrap-bundle.min.js
	└──  app.js
	└──  plugins.init.js
	└──  datepicker.min.js
	└──  easy_background.js
	└──  contact.js
	└──  gumshoe.polyfills.min.js
	└──  feather.min.js
	└──  shuffle.min.js
	└──  tobii.js
	└──  tiny-slider.js
	└──  swiper-bundle.min.js
	└──  swiper.min.js
	└──  typed.js
	└──  parallax.js
HTML Structure
CSS

Files are explained below:

File Description
bootstrap.min.css Starty uses the latest bootstrap v5.3.0. The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.
style-dark.css In order to have Dark mode enabled, replace the reference of style.css to style-dark.css
Javascript

Files are explained below:

File Description
bootstrap.bundle.min.js These files are used at core of the theme.
app.js This is a main js file. All important javascript like page loader, menu, sticky menu, menu-toggler, one page menu etc.
plugins.init.js All init js like working contact js, tiny slider, counter, countdown, maintenance, lightbox, gallery, swiper slider, aos animation etc.

SCSS & SASS Live Compile Process

  • Downloads the visual studio code https://code.visualstudio.com/download
  • Now goto Files -> Preferences -> Settings.
  • Type in the search box "live sass compile".
  • Now you wil able to very first option "Live Sass Compile > Settings: Autoprefix" option. Click on the below "Edit in settings.json" link.
  • It will open a settings.json file in a new tab. Please put the below code in the file.
  • 	{
		"workbench.colorTheme": "Monokai",
		"workbench.iconTheme": "material-icon-theme",
		"liveServer.settings.donotShowInfoMsg": true,
		"explorer.confirmDelete": false,
		"workbench.sideBar.location": "left",
		"window.zoomLevel": 0,

		"liveSassCompile.settings.formats":[
			// More Complex
			{
				"format": "expanded",
				"extensionName": ".css",
				"savePath": "~/../css/"
			},

			{
				"format": "compressed",
				"extensionName": ".min.css",
				"savePath": "~/../css/"
			},
		],
		"files.autoSave": "off",
		"liveSassCompile.settings.excludeList": [
			



			"**/node_modules/**",
			".vscode/**"
		],
		"terminal.integrated.shellArgs.windows": "null",
		"liveSassCompile.settings.autoprefix": [],
		"workbench.welcomePage.hiddenCategories": [
			"Beginner",
			"Setup"
		],
	}

Loader

To add loader you need to use the below code after the <body> tag.

<-- loader start -->
<div id="preloader"">
   <div id="status">
     <div class="spinner">
       <div class="double-bounce1"></div>
       <div class="double-bounce2"></div>
     </div>
   </div>
</div>
<-- loader end -->

Working Contact Form

Please edit in contact.php (HTML/php/contact.php) file. Please replace your email "xyz@xyz.com" with "example@example.net"

Credits & Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

Supports

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Stay awesome

- Shreethemes

Changelog

Version v1.2.0 -16th June 2023

  • Updated: Update Latest Bootstrap v5.3.0
  • Updated: Update Latest Material Design Icons
  • Updated: Update Components based on Latest Bootstrap v5.3.0
  • Added: Add single blog post pages (8 Pages)

Version v1.1.0 -7th July 2022

  • Updated: Update Latest Bootstrap 5.2.0 Beta 1
  • Fixed: Fixed some scss files
  • Fixed: Fixed some Menu issues
  • Added: Add Css base Dark Version

Version v1.0 -2nd August 2021

  • Initial Released
Thank you very much for your purchase !
Note: Please rate this item if you like it ! CLICK