Avenix

Church HTML Template


 

Features

Template folders and files are divided as following.

  1. css - contains css files
  2. webfonts - contains fonts files
  3. images - contains images
  4. js - contains javascript files
  5. index.html - Main landing page
  6. index-video.html - Hero Video Background
  7. index-slider.html - Hero Slider Layout
  8. about.html - About us page
  9. service.html - Service Page
  10. service-single.html - Service Single Page
  11. sermons.html - Sermons List Page
  12. sermons-single.html - Sermons Single Page
  13. ministries.html - Ministries List Page
  14. ministry-single.html - Ministry Single Page
  15. campaign.html - Campaign List Page
  16. campaign-single.html - Campaign Single Page
  17. blog.html - Blog Archive page
  18. blog-single.html - Blog Single page
  19. pastor.html - Pastor page
  20. gallery.html - Gallery page
  21. contact.html - Contact us page
  22. 404.html - Page Not Found page
  23. form-process.php - contact form process file

We have used following CSS files to create different layout.

  1. bootstrap.min.css - Framework
  2. slicknav.min.css - Responsive Slick Menu
  3. swiper-bundle.min.css - Swiper carousel
  4. all.css - Font icons font-awesome
  5. animate.css - animated css
  6. mousecursor.css - Mouse cursor css
  7. magnific-popup.css - popup for screenshot, images & video
  8. plyr.css - Audio Player css
  9. custom.css - Css file for layout

We have used following Javascript files to create different layout.

  1. jquery-3.7.1.min.js - Javascript library
  2. bootstrap.min.js - Bootstrap framework
  3. validator.min.js - Contact form validation
  4. jquery.slicknav.js - Responsive Menu
  5. swiper-bundle.min.js - Swiper carousel
  6. jquery.waypoints.min.js - Trigger a function when you scroll to an element
  7. jquery.counterup.min.js - Animates a number from zero (counting up towards it)
  8. jquery.magnific-popup.min.js -Magnific popup
  9. parallaxie.js - Parallax Effect
  10. SmoothScroll.js - SmoothScroll
  11. gsap.min.js - GreenSock Library
  12. magiccursor.js - Magic Animated Cursor
  13. SplitText.js - Split Paragram to Words and Charactor
  14. ScrollTrigger.min.js - Trigger a Text Effect
  15. jquery.mb.YTPlayer.min.js - Youtube video background
  16. wow.js - Animation
  17. plyr.js - Audio Player Library
  18. function.js - configuration code for layout
Note: We have included only required file in particular layout.
index-video.html - Default is self hosted video background.

To use Youtube video open the file index-video.html in editor after that remove the selfhosted code and uncomment the Youtube code See the below screenshot

form-process.php - is used for sending an email 
 
You need to add your email, please open "form-process.php" file and edit variable $EmailTo.
$EmailTo = "info@yourdomain.com";

font library

  1. fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search
Twitter Bootstrap framework:
 
 
Icons:
 
 
Images in preview are used from:
 
Note : The images used in the template are not included in the main download file, they are only for the preview purpose.