Moderna + Modification

A complete description of the article to inform more clearly and clearly is a mandatory requirement. We have thought about how Nickgenom users will find the most useful information.

Moderna + Modification

moderna.webp
Bootstrap, Modification, Template

Moderna + Modification

Azkiya
30 September 2020

Moderna is a single page Bootstrap template. It is highly recommended for those of you who want to build a corporate business website. It is designed in a modern, clean and simple style built with amazing features like portfolio filter, working ajax contact form and Flexslider. This one-page template features a professional design and enhanced animation. You can use this as a startup website, product page, designer portfolio, or blog. One of the versatile templates with multi-column footers for contacts, business links and recent posts.

Google Fonts is a variable that will definitely suit your needs. It has a built-in color picker, so you should have no trouble finding the perfect color palette. If you're viewing a website on a less sophisticated device, there's SASS in your browser. You can edit the code snippet by changing the code in the built-in code editor. You'll definitely love building your website with Moderna's one-page templates.

Google Fonts is a variable that will definitely suit your needs. It has a built-in color picker, so you should have no trouble finding the perfect color palette. If you're viewing a website on a less sophisticated device, there's SASS in your browser. You can edit the code snippet by changing the code in the built-in code editor. You'll definitely love building your website with Moderna's one-page templates.

Similar to the slightly different design of the Arsha template, the Moderna template also has the following sophistication:

  • Fully responsive templates
  • Latest Bootstrap version
  • NodeJS/NPM and Gulp versions available (unlimited pro and membership users only)
  • Clean and modern design
  • PHP/Ajax contact form script (pro version only)
  • Latest Bootstrap version
  • Animation on scroll effect
  • Clean and easy to customize code
  • Off-canvas mobile menu
  • Filterable portfolio page
  • Portfolio with lightbox support
  • SEO Optimized
  • Responsive video, object, embed
  • Cross Browser Compatible

moderna.webp

Original Source

This template has previously been published on the website Bootstrapmade

Licence

This template is Copyright BootstrapMade.com and is under license The development team from Bootstrapmade with the following limitations :

  • We are allowed :

    • Using templates published on BootstrapMade.com for personal or commercial projects
    • Create websites for clients and charge any amount you want
    • Modify and customize the template files to suit your needs.
  • We are not allowed to :

    • Remove the backlink to BootstrapMade.com (Designed by BootstrapMade) from the template footer unless you have purchased a license.
    • Claiming credit or ownership of any files or code found on BootstrapMade.com
    • Resell, redistribute, license or sublicense any files or code found on BootstrapMade.com without the direct permission of BootstrapMade.com

You can read more about the license to use this template here https://bootstrapmade.com/license/.

Feature

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

  • Latest version of Bootstrap
  • Clean and modern design
  • PHP/Ajax contact form script (pro version only)
  • icon style
  • Animation on scroll effect
  • Clean and easy to customize code
  • Off-canvas mobile menu
  • Nice responsive price box
  • Filterable portfolio page
  • Portfolio with lightbox support
  • SEO Optimized
  • Responsive video, object, embed
  • Cross Browser Compatible

Main Technology

  • Bootstrap v4.5.0
  • jQuery v3.5.1
  • Animate
  • Boxicons
  • Counterup
  • icofont
  • isotope-layout
  • jquery.easing
  • owl.carousel
  • php-email-form
  • remixicon
  • venobox
  • waypoints

Modification

The template you see is a version that can be used for free as long as you pay attention to certain limitations, which are explained in the essence of the word license above.

  • In the process of customizing this template, we have included the following technologies in the configuration :

    • Upgraded Bootstrap 4.5.0 to Bootstrap v4.5.2
    • Minify JS using Terser v4.8.0
    • Minify CSS using Less v3.11.3
    • Minify SCSS using Node Sass v4.14.1 + Dart Sass v1.26.2
    • Configured using Babel v7.10.3
    • Configured using Webpack v4.43.0
    • Configured using TypeScript v3.9.5
    • Transpile with Babylon
    • Support SASS
    • Support Autoprefixer
    • Optimization of the about.html file
    • Optimization of the blog.html file
    • Optimization of the blog-single.html file
    • Optimization of the contact.html file
    • Optimization of index.html file
    • Optimization of index-2.html file file
    • Optimization of the portfolio.html file
    • Optimization of the portfolio-details.html file
    • Optimization of services.html file
    • Optimization of the team.html file
    • Not loading the aos folder by marking it as _aos folder
  • Delete the original file and replace it with the following file :

    • added transformations-nick.css
    • style-nick.css
    • main-nick.js
    • bootstrap 4.5.2
    • jquery-3.5.1.min-nick.js ( optimized, add .map file )
    • jquery.easing.min-nick.js ( optimized, add .map file )
    • jquery.waypoints.min-nick.js ( optimized, add .map file )
    • bootstrap.bundle.min-nick.js
    • Local aos assets to aos CDN assets v2.3.4
    • animate.min-nick.css
    • animate-nick.css
    • animate.compat-nick.css
    • owl.carousel.min-nick.css
    • venobox-nick.css
    • venobox-nick.js
    • venobox.min-nick.js
    • counterup.min-nick.js
    • owl.carousel.min-nick.js
  • Adding the following aos v2.3.4 CDN script :

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous"></script>

Notes: You can check the above AOS script documentation here https://cdnjs.com/libraries/aos.

Template Repair

No fix


Download

Password : nickgenom.com


Comment


Endorsement

Donate to Nickgenom

Creative Commons License This work is licensed below Creative Commons Attribution 4.0 International License.

Social