Landing Page Details


AVENDOR is a modern One Page / Multi Page Multipurpose Parallax HTML Business Theme. Using Bootstrap Framework as base we added our magic touch and build a clean and modern theme that will suit ideally for business, personal website, portfolio, software, shop, products presentation or blog websites. The theme features clean, modern design. All the elements in this theme are optimized to work flawless on touch screen devices and will help you build your business website in just a moment. With over 100 features AVENDOR is providing you with the professional look your website might be looking for.









Theme Features:

  • Bootstrap 3.2.0
  • Responsive HTML5 and CSS3 Template
  • One Page Scroll and Multi Page Website
  • Mega Menu and Classic Menu
  • 37$ Value Premium Plugins: Slider Revolution (16$ Value), Colio – jQuery Portfolio Content Expander, LivIcons – 303 Truly Animated Vector Icons
  • Over 3000 Icons – FontAwesome, Fontastic, LivIcons
  • Over 70 HTML Files
  • Amazing Shortcodes with multiple options and styles
  • Working Twitter Widget – carousel and classic
  • NEW – Working Contact Form
  • 100 % Fully Responsive and optimized for mobile devices
  • Full Width / Parallax Block
  • Awesome CSS3 animations
  • Clean and Modern design
  • Full Width and Boxed Layout
  • Full Image Background, custom pattern or custom color for Boxed Layout
  • Google Fonts
  • Custom Headers and Footers
  • Sticky Header
  • Sliding Top Panel
  • Custom Comming Soon and 404 Error Pages
  • Retina Ready and High Resolution Graphics.
  • Touch friendly – optimized for touch devices and work nicely with smartphones, tablets and other mobile devices.
  • SEO Optimization
  • Complete Documentation – simple guidlines on how to use and customize AVENDOR Theme
  • And Much More…

Changelog

-----  12.09.2014  -----
1. Version 1.2
- Added 2 new shopping pages (cart and checkout)   

-----  05.09.2014  -----
2. Version 1.1
- Working Contact Form Added
- Documentation Expanded on how to setup the Contact Form and also how to embed videos.   

-----  03.09.2014  -----
3. Version 1.0.1 - Jitter Removed on Safari for Mac  

-----  31.08.2014  -----
4. Version 1.0 Released  

Images

Images are included in the download pack except shop and team image. Image Credits: Unsplash, PicJumbo, Splitshire
  • black-velvet

    2017-05-19 17:25:56
    Purchased Reply

    Hi! Please help me with the Revolution Slider documentation. The link which is provided in the theme documentation on the Slider documentation is not work.

  • gautamandgautamgroup

    2014-09-12 22:44:10
    Purchased Reply

    Hi , I want to buy this theme but i am not sure whether this will work on HTML website or note. I am using website through bigrock and website builder...can i use this theme on that website ?

  • FourGraFx

    2014-09-12 22:57:05
    Purchased Reply

    Hi gautamandgautamgroup AVENDOR is a HTML Theme and it will work on any hosting server but we don't think it will work with the website builder. We never worked with a website builder but from what we understood the theme must be build specifically to that builder using the builder tools. So i'm sorry to say but we are not sure it will work with the builder. Cheers

  • halilzade

    2014-09-25 01:24:23
    Purchased Reply

    Thanks for nice work. Looks like you have a little problem on blog detail page (light theme). http://fourgrafx.com/avendor/avendor-one/blog-single-post.html

  • FourGraFx

    2014-09-25 02:18:38
    Purchased Reply

    Thank you halilzade. Thank you for the heads up. When we added the one page menu we left a open div :). Everything is fixed now and we upload the new version on TF. Thank you again :). Cheers

  • halilzade

    2014-09-25 04:49:27
    Purchased Reply

    Thanks for quick reply. I solve it by myself. But i have a error on portfolio. This is my demo url. You can click URUNLER for viewing portfolio items. http://venbase.com/estilanhtml/ I can not see items by clicking portfolio cat. I have to scrool down until end of portfolio images and than i can see items by selecting categories. How can i solve this problem?

  • FourGraFx

    2014-09-25 05:10:22
    Purchased Reply

    Yes. It seems that not having the portfolio items displayed from start will make the items stay hidden. You can remove the " animation fadeInLeft " from the portfolio items and they should display with no issue. We are running some tests now to see if we can keep the animation for the portfolio items but is not looking good :). Cheers

  • halilzade

    2014-09-25 17:52:11
    Purchased Reply

    Thanks a lot.

  • halilzade

    2014-09-25 18:53:04
    Purchased Reply

    One more question :( How to custom the first portfolio category on page load? I want to disable ALL option.

  • FourGraFx

    2014-09-25 19:51:14
    Purchased Reply

    To remove the "ALL" option simply remove:

    
    
  • All
  • and add "selected" class to another item that you wana show when page is loaded like this:
    
    
  • Branding
  • After this open your application.js file and go to line 408 or search for :
    
    $container.isotope({filter: f}).
    
    
    Replace "filter: f" with your class that should be showed first ( filter: '.your_class'). Hope this helps :) Cheers

  • halilzade

    2014-09-25 20:01:59
    Purchased Reply

    Thanks. I don't know is it tru or false but i sovle it by changing this line var filter = '.dosemelik-kumas', isotope_run = function(f) {

  • FourGraFx

    2014-09-25 20:07:57
    Purchased Reply

    or like that :)

  • Framond

    2014-10-24 00:48:19
    Purchased Reply

    Hi, fantastic theme, but...how to change the map position?

  • FourGraFx

    2014-10-24 05:07:45
    Purchased Reply

    Hi Framond Thank you for the purchase and feedback :). To change the map location open application.js file located in js/themejs folder and go to line 620 where the google maps code begin. Change the coordinates on lines625, 626 and 643 with your own cordinates :). Also you can edit the content of the label at line 640. Hope this helps. Cheers

  • DJMiMi

    2014-08-31 21:24:39
    Purchased Reply

    Geat job, GLWS o7.

  • FourGraFx

    2014-08-31 21:40:32
    Purchased Reply

    Thank you DjMiMi! :)

  • nem0boy1

    2014-09-23 23:24:18
    Purchased Reply

    Great work! Can i disable the animation.css only for mobile phones? is it possible? THX a lot!

  • FourGraFx

    2014-09-23 23:41:00
    Purchased Reply

    Hi nem0boy1, Thank you for the purchase. By default the animation is available on all devices but if you want to make the elements static on mobile simply put something like this in avendor.css

    
    @media (max-width: 540px) {
    .animation { animation-duration:0s !important; opacity:1 !important;}
    }
    
    
    This will make the elements static with no animation. Hope this helps. Please remember to rate our item if you like it :). Cheers

  • nem0boy1

    2014-09-23 23:44:57
    Purchased Reply

    wow! you are super duper fast! great!!!!

  • willemsrobin

    2015-06-17 00:24:36
    Purchased Reply

    Hi, I have bought the theme and I'm using it. Great theme, great examples. Thanks a lot. 1 small, yet important question: When the menu is collapsed (hamburger) on mobile, you have to tap 2 times to open an item. For example: I open the theme, I click the "hamburger", i get Home - Pages -Features etc. If I tap "Features" - It only gets the "hover"state, but nothing happens. When I tap it again, it opens it's submenu. How can I adjust it that you only have to tap once? Thanks in advance

  • FourGraFx

    2015-06-20 01:19:07
    Purchased Reply

    Hi willemsrobin, Can you please open a support ticket on our support forum? Support: https://4grafx.ticksy.com/ Cheers

  • LuigiGucciano

    2016-11-09 15:00:32
    Purchased Reply

    Is there a reason why the fa-li fa (icons) suddenly no longer appears while the fa-li icons just be visible?

  • LuigiGucciano

    2017-09-08 14:39:29
    Purchased Reply

    How do I change the color of the hover effect over the images, please indicate in the css where to set…

  • alexishdz7

    2014-11-24 17:17:34
    Purchased Reply

    hey where i found the AVENDOR BOXED template?

  • FourGraFx

    2014-11-24 18:41:30
    Purchased Reply

    Hi Alex, Sorry for the delay but our support is available Monday to Friday. To have you theme displayed on boxed version you simply need to add the class "boxed" to the "page-wrapper" div that holds your content. Cheers

  • alexishdz7

    2014-11-25 01:39:38
    Purchased Reply

    ok, thanyou... ichange the colors of the template #f7505a for #008080 , and when i enter to the page when the percentage rises from 0% to 100 % the color is the same " f7505a " I'm trying to change but i dont know where, can you hel me?

  • alexishdz7

    2014-11-25 01:39:59
    Purchased Reply

    http://defendiendoelevangelio.com/with/

  • FourGraFx

    2014-11-25 02:59:52
    Purchased Reply

    Open application.js file in the js/themejs folder. At the beginig of the file you have the call out for the preloader. Change the #f7505a with your own color :). Hope it helps Cheers

  • alexishdz7

    2014-11-25 07:14:18
    Purchased Reply

    thank you works... the top area where i change it?

  • alexishdz7

    2014-11-25 10:15:55
    Purchased Reply

    thank you where i change the color on the top and the color of the text or letthers?

  • FourGraFx

    2014-11-30 20:11:48
    Purchased Reply

    All those elements can be changed in the avendor.css file. Use a inspect tool ( ex: Firebug) and see at what line you need to change the colors. Cheers

  • GabrielCamilleri

    2015-04-08 04:29:37
    Purchased Reply

    Hi, How do I add an parallax image with text on it on home page? I cannot find a way to add text and a button on the home page

  • FourGraFx

    2015-04-08 23:39:10
    Purchased Reply

    Hi Gabriel, Please open a support ticket on our support forum: http://4grafx.ticksy.com/ . Please provide more details about what you are trying to achieve. Cheers

  • shanahardyla

    2015-04-07 08:33:20
    Purchased Reply

    Hi, We are using your template for a web app - homepage is mostly your markup - the logged in dashboard much more custom and taken apart. We want to keep the header nav sticky to the top but for some reason it's not working on our content pages although it does work on the static homepage. Can you tell what is missing from the inner section navbar? https://grantiq-staging.herokuapp.com/dashboard Thanks!

  • FourGraFx

    2015-04-08 23:47:42
    Purchased Reply

    Hi shanahardyla, Please open a ticket on our support forum: https://4grafx.ticksy.com/. Cheers

  • shanahardyla

    2015-04-14 07:36:21
    Purchased Reply

    Hi I did this 5 days ago but haven't heard back? thanks

  • FourGraFx

    2015-04-14 19:37:15
    Purchased Reply

    Hi shanahardyla, Sorry for the delay. Easter Holiday :) . Ticket answered . Cheers

  • annakir

    2016-02-24 04:26:56
    Purchased Reply

    Hi , i would like to know how to add a small description/caption below the aligned images. I am doing a blog with a lot of images and it would be really helpful. I also opened a ticket but so far NO response (Would really really appreciate a quick one). Thank you

  • Xemrind

    2014-09-02 02:17:28
    Purchased Reply

    Nice work, GLWS! :)

  • FourGraFx

    2014-09-02 02:17:44
    Purchased Reply

    Thank you Lakose! :)

  • AirTheme

    2014-09-01 18:42:45
    Purchased Reply

    Nice Job! GLWS! ;)

  • FourGraFx

    2014-09-01 19:26:00
    Purchased Reply

    Thank You AirTheme :)

  • SubatomicThemes

    2014-08-31 23:22:52
    Purchased Reply

    Very nice work :)

  • FourGraFx

    2014-08-31 23:40:29
    Purchased Reply

    Thank You SubatomicThemes :)

  • lookser

    2014-09-13 20:09:12
    Purchased Reply

    Beautiful pattern, bought and I can not understand. How to set up a counter on the page under.html under your date?

  • FourGraFx

    2014-09-13 20:19:31
    Purchased Reply

    Hi lookser, Thank you for the purchase. To set up your date for the under.html please open "application.js" file located in "js / themejs" folder and go to the line 823 (at the bottom of the file :) ). You will find this: " var endDate = "May 12, 2015 09:03:25"; ". Replace that with your date and you are ready to go :). Hope this help. Please remember to rate our item if you like it :). Cheers

  • lookser

    2014-09-13 20:27:06
    Purchased Reply

    Thank you. How can I remove a single character in the sense of "days." That would have been not 002 days, and 02 :)

  • FourGraFx

    2014-09-13 20:38:47
    Purchased Reply

    Just bellow the line that you just edit when you put your date there is the way that the rendering is done. You have something like "+ this.leadingZeros(data.days, 3)" change the 3 to 2 and it should only show 2 characters :). Hope that helps :) Cheers

  • lookser

    2014-09-13 20:45:00
    Purchased Reply

    Thank you :)

  • e-qualityservices

    2016-10-15 06:56:09
    Purchased Reply

    Any update and upgrades coming up?

  • ronuraksoy

    2014-09-21 12:52:51
    Purchased Reply

    hi, I want to use bootstrap functionality, but it doesnt work. gfx('#addnewaddress').on("click", function () { gfx('#divaddress').modal(); }); in addition, can i use normal jquery like that $('.someclass')...

  • ronuraksoy

    2014-09-21 20:06:36
    Purchased Reply

    I accomplished to open bootstrap modal. But now, the there is a bug in css files. There is no compatibility with bootstrap modal. modal popup z-index:1050 and it cant seen because of header-wrapper z-index. one more thing modal popup can not be clicked because of .modal-backdrop .z-index. i think, you must solve this issues immediately. thnx,

  • FourGraFx

    2014-09-21 20:52:20
    Purchased Reply

    Hi ronuraksoy, Thank you for the purchase. Sorry for the delay response but it's week-end and our support is available Monday through Friday. But since i got some time i think i can try to help you out :). So . Bootstrap functionality is available with no issue since the whole theme is build on Bootstrap Framework. The "var gfx" is used so we don't have any conflicts in jQuery. You can remove that in the application.js file and replace the gfx with $ but you will find yourself with some nasty conflicts between the js plugins so i will not recommended. If you don't like "gfx" you can always replace it with what you want :). Now let's see the issues: 1. The issue was the way you form the call-out of the modal. But i see you manage to make it work so we will not insist on that. 2. There is no bug on css. Its just the way is build. Let me explain. You put your modal exactly after the button that call-out the modal. That means is inside the div "page-wrapper". Since "page-wrapper" has a z-index of 1000 and .modal-backdrop has z-index of 1040 that will make the modal always in the back and not showing. The solution is simple. Take your modal div and placed just before the end tag of the body. Put it before this

    	
    	< a href="#page-top" class="scrollup smooth-scroll" >
    	
    
    This way the modal will work perfectly. If you don't like to have the modal before the body tag and you wish to have it just after the call-out button you need to make some changes in the css. 1. Remove the z-index for "page-wrapper" at line 101 and change the z-index of ".header-main" to 1039 at line 154. Now you modal should work like you wish :). I hope that was clear enough and resolved your issues :). Please let me know if i can help you with anything else. Also you can use our Support Forum for future requests: http://4grafx.ticksy.com. Cheers

  • ronuraksoy

    2014-09-22 04:39:18
    Purchased Reply

    Thank you for anwering quickly. it works perfectly.

  • SladeDesign

    2014-09-22 22:50:07
    Purchased Reply

    That’s a nice work! Good luck with sales ;-)

  • FourGraFx

    2014-09-23 01:41:09
    Purchased Reply

    Thank you kszke :)