Space Science + Modification 0 times seen

Description

The Space Science template is a simple but very responsive HTML template, dedicated for developers who have a focus on space science or astronomy. This template can be used for any scientifically oriented website. It can also be used by companies or projects that like to highlight the scientific or aspirational aspects of their products. This website template can be used with all modern web browsers.

You can also use this template to build a beautiful blog website. According to my personal judgment, this template design is quite unique and rarely on the free template market. Even by using this template, even for those of you who are still lay, it will certainly produce a website that looks very professional.

What are the features of this template :

  • Responsive mobile friendly HTML version
  • Pure HTML code
  • Open source code CSS files
  • Image: compressed version
  • The design source, in this case, the PSD file

space.webp

Original Source

This website template is the property of a website developer named Zlatan Stajić, M.Sc .. If you search for this template on Google you will also find that this template has been published on the website freewebsitetemplates.com. But We prefer to show you to the original author at zlatanstajic.com/ with this original template page here: space-prospection.zlatanstajic.com.

Licence

MIT (Open Source) - Free to use for personal and commercial use.

Features

The original features in this free version of the template before modification are as follows :

  • Mobile friendly
  • Pure HTML5 (created by Zlatan Stajić, M.Sc.)
  • Pure CSS (created by Zlatan Stajić, M.Sc.)

Main Technologies

  • HTML5

Modify

The template you are seeing is a free, free version of the template described in the subtitles of the license above. In the process of modifying this template we have included the following technologies in the configuration :

  • Minify JS use Terser Terser v5.3.1
  • Minify CSS use Less v3.12.2
  • Node Sass v4.14.1 and Dart Sass v1.26.10
  • Stylus v0.54.8
  • PostCss Preset Env v6.7.0 and PostCSS Import v12.0.1
  • Configured using Autoprefixer v9.8.6
  • Configured using Babel v7.11.6
  • Configured using Webpack v4.44.1
  • Configured using CoffeeScript v2.5.1
  • Configured using TypeScript v4.0.2

Add favicon file :

  • ./images/favicon.ico

Image optimization :

  • ./images/mobile/mobile-close.png
  • ./images/mobile/mobile-collapse.png
  • ./images/mobile/mobile-expand.png
  • ./images/mobile/mobile-menu.png
  • ./images/space-shuttle-original.png
  • ./images/alien-life.jpg
  • ./images/alien-life-original.jpg
  • ./images/astronaut.jpg
  • ./images/astronaut-original.jpg
  • ./images/bg-about.jpg
  • ./images/bg-about-original.jpg
  • ./images/bg-home.jpg
  • ./images/bg-home-original.jpg
  • ./images/curious-rover.jpg
  • ./images/curious-rover-original.jpg
  • ./images/earth-satellite.jpg
  • ./images/earth-satellite-original.jpg
  • ./images/finding-planet.jpg
  • ./images/finding-planet-original.jpg
  • ./images/galaxy.jpg
  • ./images/galaxy-original.jpg
  • ./images/mars-rover.jpg
  • ./images/mars-rover-original.jpg
  • ./images/martianrover-journey.jpg
  • ./images/martianrover-journey-original.jpg
  • ./images/moon-landing.jpg
  • ./images/moon-landing-original.jpg
  • ./images/moon-satellite.jpg
  • ./images/moon-satellite-original.jpg
  • ./images/new-satellitedish.jpg
  • ./images/new-satellitedish-original.jpg
  • ./images/project-image1.jpg
  • ./images/project-image1-original.jpg
  • ./images/project-image2.jpg
  • ./images/project-image2-original.jpg
  • ./images/project-image3.jpg
  • ./images/project-image3-original.jpg
  • ./images/project-image4.jpg
  • ./images/project-image4-original.jpg
  • ./images/satellite-dish.jpg
  • ./images/satellite-dish-original.jpg
  • ./images/space-station.jpg
  • ./images/space-station-original.jpg
  • ./images/bg-transparent1.png
  • ./images/bg-transparent1-original.png
  • ./images/favicon.png
  • ./images/favicon-original.png
  • ./images/icons.png
  • ./images/icons-original.png
  • ./images/logo.png
  • ./images/logo-original.png
  • ./images/satellite.png
  • ./images/satellite-original.png
  • ./images/space-shuttle.png

Optimization of CSS and JS files :

  • Optimized and replaced the file mobile.css with mobile-nick.css
  • Optimized and replaced the style.css file with style-nick.css
  • Added mobile-nick.css.map and style-nick.css.map files
  • Optimized and replaced the mobile.js file with mobile-nick.js
  • Added the mobile-nick.js.map file

Optimization of html files :

  • Optimization of the index.html file
  • Optimization of the about.html file
  • Optimization of the blog.html file
  • Optimization of the contact.html file
  • Optimization of the proj1.html file
  • Optimization of the projects.html file
  • Optimization of the singlepost.html file

Line of code optimization :

  • Fixed js/mobile-nick.js position above the < /body > line of the < /head > line
  • Fix js/mobile-nick.js load mode to defer

Video player optimization :

  • Added the ability to play embedded videos and saved videos.

Template Improvements

  • There is no improvement.


Tags: HTML5 Template on 01 October 2020

Comment

Forum Diskusi

Post a reply
3031 views

Reply to this discussion