Build Websites Faster Using Clonestrap!

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Get Started

Get started by including Clonestrap’s production-ready CSS and JavaScript via CDN without the need for any build steps.

1. Create a new index.html file in your project root. Include the <meta name="viewport"> tag as well for proper responsive behavior in mobile devices.

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Codestrap demo</title>
</head>
<body>
     <h1>Hello, world!</h1>
</body>
</html>

2. Include Clonestrap’s CSS and JS. Place the <link> tag in the <head> for our CSS, and the <script> tag for our JavaScript bundle (including Popper for positioning dropdowns, poppers, and tooltips) before the closing </body>.

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Codestrap demo</title>
      <
<link rel="stylesheet" href="clonestrap.css">
</head>
<body>
     <h1>Hello, world!</h1>
</body>
</html>

3. Make sure to add our css stylesheets by using the link below

<link rel="stylesheet" href="clonestrap.css">

4. Click on the link https://raw.githubusercontent.com/Raahim2/Outfit-wallpapers.github.io/main/clonestrap.css Copy the CSS code create a file names clonestrap.css and paste there and you are Ready to go!

Go further with Clonestrap examples

Take Clonestrap to the next level with premium examples from the official Clonestrap Themes marketplace. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools.

Go further with Clonestrap Icons

Take Clonestrap to the next level with premium icons from the official Clonestrap Themes marketplace. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools.

Go further with Clonestrap Themes

Take Clonestrap to the next level with Themes icons from the official Clonestrap Themes marketplace. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools.