Avenix

Church HTML Template

• Live Preview : https://demo.awaikenthemes.com/landing/avenix-html/
• Created by: Awaiken
• Support email: support@awaiken.com

Features

• Modern, Flat & Unique Design.
• Bootstrap Grid Layout.
• Effects And Animations
• w3c valid html5 & css3
• Fully Responsive
• Cross Browser Compatible
• SEO Friendly
• Easy to Edit & Customize
• Working AJAX Contact Form
• Well Written Commented HTML5 & CSS3 code
• Detailed documentation

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

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

$EmailTo = "info@yourdomain.com";

font library

1. fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search

• http://getbootstrap.com/

• https://fontawesome.com/

• http://www.freepik.com/