/tailwindcss_sidebar

a tailwindcss sidebar with expand and collapse

Primary LanguageHTMLMIT LicenseMIT

Hello website!

This is a basic HTML starter project you can build on however you like. No need to save. While you develop your site, your changes will happen ✨ immediately in the preview window. On the left you'll see the files that make up your site, including HTML, JavaScript, and CSS. You can upload assets like images or audio in assets. The rest is up to you and your imagination. 🦄

Last updated: 28 Feb 2023

What's in this project?

README.md: That's this file, where you can tell people what your cool website does and how you built it.

index.html: This is the main web page for your site. The HTML defines the structure and content of the page using elements. You'll see references in the HTML to the JS and CSS files. Try clicking the image in the center of the page!

style.css: CSS files add styling rules to your content. The CSS applies styles to the elements in your HTML page. The style rules also make the image move when you click it.

script.js: If you're feeling fancy you can add interactivity to your site with JavaScript. The code in the JavaScript file runs when the page loads, and when the visitor clicks the button you can add using the code in the TODO.

Open each file and check out the comments (in gray) for more info.

Try this next 🏗️

Take a look in TODO.md for next steps you can try out in your new site!

Want a minimal version of this project to build your own website? Check out Blank Website!

Ready to share your site?

Add these meta tags for SEO and social sharing between your page <head></head> tags, changing the values for your site:

<link rel="canonical" href="https://glitch-hello-website.glitch.me/" />
<meta name="description" content="A simple website, built with Glitch. Remix it to get your own."/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Hello World!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://glitch-hello-website.glitch.me/" />
<meta property="og:description" content="A simple website, built with Glitch. Remix it to get your own."/>
<meta property="og:image" content="https://cdn.glitch.com/605e2a51-d45f-4d87-a285-9410ad350515%2Fhello-website-social.png?v=1616712748147"/>
<meta name="twitter:card" content="summary" />

Glitch

You built this with Glitch!

Glitch is a friendly community where millions of people come together to build web apps and websites.