Home   →   Blog   →   Blog Template Inspired by Sci-Fi Magazines

Blog Template Inspired by Sci-Fi Magazines

Our Agilie web team has recently developed a new free HTML template that can be used as a spectacular blog concept. When creating this template, we were inspired by the stylish science fiction magazines of the 80s-90s. We hope, you’ll find our shot not only interesting but also useful.

So, we’re happy to present you Science Fiction Magazines Blog template. Read all the details in our article.

How to use?

As we’ve already mentioned, Science Fiction Magazines Blog template can be safely used to create a blog on any platform (CMS, framework, etc.). This is a standard and convenient template that will help you get beautifully designed blog pages able to attract users' notice to the site.


Structure of the blog template

Science Fiction Magazines Blog template consists of 3 logical elements: header, content section, footer.

The header contains the main navigation elements used as paging. And no matter how this template is created (through CMS or the web framework), you can easily customize the navigation to the previous and next articles by using the following blocks:

<nav class="navigation-block left"> - the previous page

<nav class="navigation-block right”> - the next page

There is also the main menu in the header, where you can place any links to external resources, or create additional pages on the example of the basic blog page.

The content section should contain an image; it's specified by the template. And whatever image you upload, the maximum allowed size for the template is 700px high and 510px wide. Article-image-preview is the class used to wrap the image

The content section also uses the slides-counter block that provides a user with information about the number of articles and identifies the current page number. It could be applicable if you want to use the carousel in Science Fiction Magazines Blog template.

The footer contains navigation unit and allows you to return to the last article.

In contrast to the slides-counter block, the slider-indicators block located at the bottom of the page gives a visual representation of which page you are on. To identify the active page, use the class "active" for the TD tag.

In order to customize the template, we recommend using the "site.js" file for scripts and "style.css" - for the stylesheet.

If you want to know all the details about our template, feel free to visit this page.

comments powered by Disqus
Cf68cdaaf75f9cd1417267c6b1cafb3813c488a1 Virtual Reality Applications
Augmented reality apps are widely used – from geolocalization to using it in gaming industry. Augmented reality app is a new way to access data determined by environment conditions.
754d17aa02f8c56a0e0b671d45bf2455f6177062 Agile Methodology (Scrum)
Scrum is the very popular agile methodology for managing product development and project delivery. Scrum is the framework that could be applied for the development of product use cases, different projects or entire products.
1a1b621bfd24aba09a56bb25cf18719ad46ef190 News App Development
Smartphones are regularly used everywhere & anytime: in cars, on the way to the office, during the rest on holidays or weekends. That’s very convenient way for users to access important or just fun information with the help of news mobile app.
D63ac21dfd17c4acc93d52d9bdc72fea10e84edd Geolocation Services in Mobile Tracking Software
Geolocation services are used by many mobile apps, websites, mobile operators etc.