Code Monkey home page Code Monkey logo

leonism / back2school Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.94 MB

Introducing Back2School, a sleek and minimalistic single-page layout designed to be responsive and user-friendly. Utilizing cutting-edge Tailwind 3.2.4 technology, this layout embodies simplicity and elegance, offering a seamless experience for users across various devices.

Home Page: https://back2school.netlify.app/

License: GNU General Public License v3.0

CSS 48.51% JavaScript 51.49%
html-css-javascript tailwind tailwind-3 tailwindcss webdesign website tailwind-css

back2school's Introduction

๐Ÿ‘‹ Back2School - A Tailwind Landing Page

back2school.mp4

Get ready for the new school year with Back2School, a versatile and easy-to-use single page layout. Open source and built with the latest Tailwind technology, this layout is minimalistic, lightweight, and responsive. One sleek and modern single page layout perfect for any education-related website.

Built using the latest Tailwind technology, this layout is minimalistic, responsive, and easy to customize. With its clean and straightforward design, it's sure to make a powerful impression on your visitors. To get the most out of this layout, make sure you have Node JS installed and running on your system so you can easily install the necessary dependencies for the final build to function properly.

Make your next project a success with Back2School!

npm run watch

Open in StackBlitz Open with CodeSandbox Deploy with Vercel

Alt text

๐Ÿš€ Features

  • โœ… Responsive mobile-friendly design
  • โœ… Using the latest Tailwind 3.2.4
  • โœ… Tested on various devices with different viewports

๐Ÿ˜ Todos

  • โŽ More Pages Design
  • โŽ Multi-language i18n
  • โŽ Dark mode

๐Ÿค“ How To

Install dependencies (Tailwind)

npm install

Run the Tailwind CLI to compile the input.css during development. The output file is dist/output.css

  • input.css located at ./src/input.css
  • output.css located at ./dist/output.css
npm run watch

To build once run.

npm run build

You can edit the scripts in package.json and the tailwind.config.js file to change input/output locations and the script commands.

๐Ÿ”— Credits

๐Ÿงฌ Versions

License

Distributed under the MIT License - Nov 2022

back2school's People

Contributors

leonism avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.