IdealMedi- Medical Landing Page HTML Template

IdealMedi documentation version 1.0

Created Date- 16/01/2019

24/7 Support: Send Us a message from our profile

Introduction


Thank you for purchasing our template. If you have more questions about this product, which we couldn't cover in this documentation, please feel free to contact with us! We are ready to help.

Getting Started #back to top

Inside the compressed file you will get 4 files. 4 files are 4 different look of the template. Choose any one and use it for your website. To see the the look on your local machine you have to double click on

  • index1.html
  • index2.html
  • index3.html
  • index4.html

For better output we suggest to keep the file on your local server like xampp/ wamp/ lamp etc.

Template Installation #back to top

Upload via FTP

  1. Open the FTP Manager (Example: Filezilla) and provide all the credintials to connect to your hosting
  2. Browse to required directory (Example: public_html)
  3. Choose any one template from 4 variants
  4. Upload any 1 of 4 files [index1.html, index2.html, index3.html or index4.html]


Upload via cPanel

  1. Go to the cPanel link of your website (Example: http://www.yourwebsite.com/cpanel)
  2. Browse to required directory (Example: public_html)
  3. Choose any one template from 4 variants
  4. Upload any 1 of 4 files [index1.html, index2.html, index3.html or index4.html]

Pages & Structure of Template #back to top

Pages

  • index1.html is for landing page Video 2
  • index2.html is for landing page Parallax 1
  • index3.html is for landing page Parallax 2
  • index3.html is for landing page Video 1


Folder & File Structure

    • assets
        • css
          • animate
            • animate.min.css
          • aos
            • aos.min.css
          • bootstrap
            • bootstrap-4.1.3.min.css
          • main1.css
          • main1.css.map
          • main2.css
          • main2.css.map
          • main3.css
          • main3.css.map
          • main4.css
          • main4.css.map
        • images
        • js
          • aos
            • aos.min.js
          • bootstrap
            • bootstrap-4.1.3.min.js
          • datepicker
            • datepicker.min.js
          • jQuery
            • jquery-3.3.1.min.js
          • validation
            • jquery-validate.min.js
          • idealmedi.js
    • index1.html
    • index2.html
    • index3.html
    • index4.html


Fonts #back to top

                                    /*
                                    * Importing Google Fonts
                                    */
                                    @import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i');
                                

Source Files (CSS) #back to top

index1.html CSS Sources

                                    

                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                       
                                

index2.html CSS Sources

                                    

                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                

index3.html CSS Sources

                                    

                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                

index4.html CSS Sources

                                    

                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                

Source Files (JS) #back to top

index1.html, index2.html, index3.html & index4.html JS Sources

                                    
                                    

                                    
                                    

                                    
                                    

                                    
                                    

                                    
                                    

                                    
                                    

                                    
                                    

                                

Template Customization #back to top

You need a text editor (like notepad++, sublime etc.) and some basic html knowledge, to customize the template.

How To Change Your Logo - #back to top

Find the the lines declared below and change the Logo
                                        
                                        
                                        Logo
                                        
                                    


How To Change Preload logo - #back to top

Find the the lines declared below and change the Logo
                                        
                                        


How To Change Your Video Background - #back to top

Find the the lines declared below and change the Video
                                        
                                        
                                        
                                    


Set Hero Background - #back to top

Change the Image Here in main(2/3).css
                                        
                                            #hero-section .hero-unit {
                                                background-image: linear-gradient(rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.8)), url("../images/parallax-bg.jpg");
                                                background-size: cover;
                                                background-position: center;
                                                background-attachment: fixed;
                                                min-height: 720px; }
                                        
                                    


Change Testimonial Content - #back to top

Change on the below code block
                                        
                                        
                                        
                                    

Support Desk #back to top

Please visit our profile page or ask question @idealwebguru

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new versions of browsers
Item support does not include:
  • * Customization and installation services
  • * Support for third party plug-ins

Thanks #back to top

Once again thank you for purchasing one of our Templates
Best Regards
idealwebguru