Posted By

g14nnakal on 10/31/12


Tagged


Versions (?)

homepage


 / Published in: HTML
 

URL: http://demo.kentooz.com/kporto

Code kporto homepage. For image please change with your image code...

  1. [divider]
  2. <h4 style="text-align: center;">We are creative team for made your website show clean and professional. Hope you like my work!</h4>
  3. [divider]
  4. <div class="row-fluid">
  5. <div class="span3">
  6. <h4>CSS3 + HTML5 = Responsive</h4>
  7. <div class="row-fluid">
  8. <div class="span3">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/phone.png" style="img-rounded"][/image]</div>
  9. <div class="span9">We work with popular framework from twitter. Bootstrap it's most best framework and use HTML5 and CSS3 with compatible in all modern browser.</div>
  10. </div>
  11. [button href="#info-css3" size="" style="btn-info btn-block"]Learn more[/button]
  12.  
  13. </div>
  14. <div class="span3">
  15. <h4>Tons Usefull Shortcode</h4>
  16. <div class="row-fluid">
  17. <div class="span3">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/love.png" style="img-rounded"][/image]</div>
  18. <div class="span9">Most important tool from wordpress is shortcode. It's make your post and page easy and better way. So we have a lot of shortcode for your work.</div>
  19. </div>
  20. [button href="#info-shortcode" size="" style="btn-info btn-block"]Learn more[/button]
  21.  
  22. </div>
  23. <div class="span3">
  24. <h4>Simple admin panel</h4>
  25. <div class="row-fluid">
  26. <div class="span3">
  27.  
  28. [image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/setting.png" style="img-rounded"][/image]
  29.  
  30. </div>
  31. <div class="span9">We built simple admin panel but powerfull with google font and font preview. Built skin made easy just upload in skin folder and our admin detect your CSS.</div>
  32. </div>
  33. [button href="#info-admin" size="" style="btn-info btn-block"]Learn more[/button]
  34.  
  35. </div>
  36. <div class="span3">
  37. <h4>Transition CSS3 Slider</h4>
  38. <div class="row-fluid">
  39. <div class="span3">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/monitor.png" style="img-rounded"][/image]</div>
  40. <div class="span9">We build slider from sequnce JS and flexslider. We know sequnce JS is infinite slider and work with CSS3 transition and flexslider. Make easy with post type slider.</div>
  41. </div>
  42. [button href="#info-transition" size="" style="btn-info btn-block"]Learn more[/button]
  43.  
  44. </div>
  45. </div>
  46. [divider]
  47. <h4 style="text-align: center;">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/cup.png" style="img-polaroid"][/image] CSS3 + HTML5 = Responsive</h4>
  48. <h5 style="text-align: center;">Make your portfolio website with CSS3 and HTML5</h5>
  49. [divider id="info-css3"]
  50. <div class="row-fluid">
  51. <div class="row-fluid">
  52. <div class="span4">[image src="http://localhost/wordpress4/wp-content/uploads/2012/10/triworks_objects3-300x168.jpg" style="img-polaroid"][/image]</div>
  53. <div class="span8">
  54. <h4>CSS3:</h4>
  55. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.
  56.  
  57. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.
  58.  
  59. </div>
  60. </div>
  61. </div>
  62. &nbsp;
  63.  
  64. [divider]
  65. <h4 style="text-align: center;">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/cup.png" style="img-polaroid"][/image] Tons Usefull shortcode</h4>
  66. <h5 style="text-align: center;">Make easy work with many shortcode in your editor</h5>
  67. [divider id="info-shortcode"]
  68. <div class="row-fluid">
  69. <div class="span8">
  70. <h4>Shortcode:</h4>
  71. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.
  72.  
  73. [infobox style="alert-info"]Some tips here... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.[/infobox]
  74.  
  75. </div>
  76. <div class="span4">[image src="http://localhost/wordpress4/wp-content/uploads/2012/10/triworks_objects3-300x168.jpg" style="img-polaroid"][/image]</div>
  77. </div>
  78. &nbsp;
  79.  
  80. [divider]
  81. <h4 style="text-align: center;">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/cup.png" style="img-polaroid"][/image] Admin panel</h4>
  82. <h5 style="text-align: center;">Easy setting with google font included and preview.</h5>
  83. [divider id="info-admin"]
  84. <div class="row-fluid">
  85. <div class="span6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</div>
  86. <div class="span6">[testimonial fromtext="testimonial from" showposts="3"]</div>
  87. </div>
  88. &nbsp;
  89.  
  90. [divider]
  91. <h4 style="text-align: center;">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/cup.png" style="img-polaroid"][/image] CSS3 transition</h4>
  92. <h5 style="text-align: center;">Made modern css slider with css3 transition</h5>
  93. [divider id="info-transition"]
  94. <div class="row-fluid">
  95. <div class="span8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</div>
  96. <div class="span4">[accordions][accordion title="Title Accordion1"]Responive.[/accordion][accordion title="Title Accordion2"]CSS3+HTML5.[/accordion][accordion title="Title Accordion3"]Modern slider.[/accordion][/accordions]</div>
  97. </div>
  98. [divider]
  99. <h4 style="text-align: center;">[image src="http://localhost/wordpress4/wp-content/themes/kporto/img/demo/cup.png" style="img-polaroid"][/image] Our happy client</h4>
  100. <h5 style="text-align: center;">Thanks to our client, we'll do the best support our themes. Just example!</h5>
  101. [divider id="info-transition"]
  102. <div class="row-fluid">
  103. <div class="span2"><a href="http://localhost/wordpress4/wp-content/uploads/2012/10/google.gif"><img class="size-full wp-image-435 aligncenter" title="google" src="http://localhost/wordpress4/wp-content/uploads/2012/10/google.gif" alt="" width="120" height="60" /></a></div>
  104. <div class="span2"><a href="http://localhost/wordpress4/wp-content/uploads/2012/10/heroku.jpg"><img class="aligncenter size-full wp-image-436" title="heroku" src="http://localhost/wordpress4/wp-content/uploads/2012/10/heroku.jpg" alt="" width="108" height="54" /></a></div>
  105. <div class="span2"><a href="http://localhost/wordpress4/wp-content/uploads/2012/10/images.jpg"><img class="aligncenter size-full wp-image-437" title="images" src="http://localhost/wordpress4/wp-content/uploads/2012/10/images.jpg" alt="" width="108" height="54" /></a></div>
  106. <div class="span2"><a href="http://localhost/wordpress4/wp-content/uploads/2012/10/microsoft.png"><img class="aligncenter size-full wp-image-438" title="microsoft" src="http://localhost/wordpress4/wp-content/uploads/2012/10/microsoft.png" alt="" width="120" height="60" /></a></div>
  107. <div class="span2"><a href="http://localhost/wordpress4/wp-content/uploads/2012/10/themeforest.jpg"><img class="aligncenter size-full wp-image-439" title="themeforest" src="http://localhost/wordpress4/wp-content/uploads/2012/10/themeforest.jpg" alt="" width="108" height="54" /></a></div>
  108. <div class="span2"><a href="http://localhost/wordpress4/wp-content/uploads/2012/10/sequence-logo1.png"><img class="aligncenter size-full wp-image-443" title="sequence-logo" src="http://localhost/wordpress4/wp-content/uploads/2012/10/sequence-logo1.png" alt="" width="120" height="60" /></a></div>
  109. </div>
  110. [divider]

Report this snippet  

You need to login to post a comment.