The Starter 💻

new css framework website

Starter Astronot

For simple built and learn how astronot css work you can download this starter code, create new html file and name it with index.html or other what you needed then just copy and paste . now run on your web server for see how astronot css starter work.

If you need download starter for learn astronot css so you can download on our github repo

Astronot Flatfile CMS Starter

You can download source code starter for astronot flatfile cms too..

Read Astronot Flatfile CMS doc :

Astronot Jekyll Starter

Or you can download starter for jekyll set with clone using terminal just run

    git clone -b gh-pages https://github.com/mesinkasir/astronotcss.git

    cd astronotcss

    jekyll serve

    open localhost:4000

Astronot Remix Starter

Starter project with remix clone using terminal just run

    git clone https://github.com/mesinkasir/remix-astronot.git

    cd remix-astronot

    npm install && npm run dev

    open localhost:3000

or download remix source code

Astronot Solid JS Starter

Starter project with Solid clone using terminal just run

    git clone https://github.com/mesinkasir/solid-astronot.git

    cd solid-astronot

    npm install && npm run dev

    open localhost:3000

or download solid source code

Astronot Astro Starter

Starter project with Astro clone using terminal just run

    git clone https://github.com/mesinkasir/astronot-with-astro.git

    cd astronot-with-astro

    npm install && npm run dev

    open localhost:3000

or download astro source code

Read Astronot with Astro doc :

Astronot Angular Starter

Starter project with Angular clone using terminal just run

    git clone https://github.com/mesinkasir/astronot-angular.git

    cd astronot-angular

    npm install && ng serve

    open localhost:4200

or download astro source code

Read Astronot Angular doc :

Astronot Mobile App

Starter project with React Native and Expo built all in one modern website , android application , ios application , with astronot mobile
clone using terminal just run

    git clone https://github.com/mesinkasir/astronot-react-native.git

    cd astronot-react-native

    npm install && npm start

    

    press w for open on web browser

    visit localhost:19006
    

    press a for open on android emulator

    press i for open on ios emulator

or download astro source code

Read Astronot Mobile doc :

Learn how to work with astronot , create new file name it with index.html then open with code editor and paste this code, save it - then open index.html using web browser

Starter template astronot

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

   <meta name="viewport"
    content="width=device-width,
    initial-scale=1, 
    shrink-to-fit=no"/>

   <title> your title here</title>

  <link rel="stylesheet" 
   href="https://cdn.jsdelivr.net/npm/astronot/css/astronot.min.css"/>

 </head>

<body>

 <div class="cardes">

  <div class="carde">

  <img width="100%" alt="" src=""/>

   <div class="card-content">

    <h1>The title</h1>

    <p>input content in here</p>

   </div>

  </div>

  </div>

 <div class="cards">

  <div class="card">

   <div class="card-content">

    <h1>The title col 1</h1>

    <p>input content in here</p>

   </div>

  </div>

  <div class="card">

   <div class="card-content">

    <h1>The title col 2</h1>

    <p>input content in here</p>

   </div>

  </div>

  <div class="card">

   <div class="card-content">

    <h1>The title col 3</h1>

    <p>input content in here</p>

   </div>

  </div>

  </div>

</body>

</html>
Run Code

copyrights astronot css