Change your language:
My cart:
0 items

iOS7 Inspired Design

Retina Ready
& Fully Responsive

G7 provides responsive and flexible layout. All pages look identically great regardless of the device’s resolution and pixel density.

Parallax Effect
Sections

G7 includes Parallax Effect sections. This makes the website look more attractive and creative. Perfect solution that suits your needs!

Extensive
Style Options

G7 utilizes a color picker to let you dynamically change stylesheet color settings. Take a look and make a choice – create YOUR OWN color scheme within a few seconds!

iOS 7-inspired
Design

Clean design, inspired by iOS 7.
Complete with "flat" graphics and copious white space.

Font Awesome
Icons integrated

G7 comes with popular Icon Font - FontAwesome. Feel free to use over 200 icons to create distinguished and unique content — paragraphs, buttons, lists and much more!

Styled Content
Elements

G7 contains tons of vividly styled elements:
accordions, buttons, lists, charts and much more. Professional development directly into your website!

a { color: #037cff; } .button { background: #037cff; } .button:hover { box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .button-alt { background: none; box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .button-alt:hover { background: #037cff; color: #fff; } .button-white { background: #fff; box-shadow: inset 0 0 0 1px #fff; } .button-white:hover { box-shadow: inset 0 0 0 1px #fff; color: #fff; } .owl-buttons div:hover { border-color: #037cff; background: #037cff; } .owl-pagination .active { box-shadow: 0 0 0 1px #037cff; } .language-selector div ul a:hover { background: #037cff; } .cart-summary div li a:hover { color: #037cff; } .cart-summary div .subtotal { color: #037cff; } .cart-summary div .total a { border: 1px solid #037cff; background: #037cff; } .cart-summary div .total a:hover { color: #037cff; } .main-nav li li a:hover, .main-nav li li a.active { background: #037cff; } .mobile-nav ul a:hover { color: #037cff; } .page-title h1 { color: #037cff; } .page-title h1 i { border: 2px solid #037cff; } .page-title nav span { color: #037cff; } .paralaxed .composer .testimonial .author { color: #037cff; } .filter .active { background: #037cff; } .portfolio .item .pic span { background: #037cff; } .blog .item .date { background: #037cff; } .comments .author .reply { background: #037cff; } .comments .fa-user { border: 1px solid #037cff; color: #037cff; } .products-grid h3 a:hover { color: #037cff; } .products-grid .pic span { background: #037cff; } .products-grid .price { color: #037cff; } .product .price { color: #037cff; } .product .quantity a:after, .product .quantity a:before { background: #037cff; } .product .pic span { background: #037cff; } .product .thumbnails span { background: #037cff; } .product-tabs > label:hover { color: #037cff; } .product-tabs > input:checked + label { background: #037cff; } .cart-products .quantity a:after, .cart-products .quantity a:before { background: #037cff; } .cart-products .remove a { background: #037cff; } .pager a { border: 1px solid #037cff; } .pager a:hover { color: #037cff; } .pager .active { background: #037cff; } .countdown li { background: #037cff; } .subscription h3 { color: #037cff; } .timeline .year { background: #037cff; } .timeline .item:before { border: 1px solid #037cff; color: #037cff; } .timeline .date { color: #037cff; } .contacts .links a { border: 1px solid #037cff; color: #037cff; } .contacts .links a:hover { background: #037cff; } .composer h3 { color: #037cff; } .composer h4 { color: #037cff; } .composer hr.alt { background: #037cff; } .composer hr.alt-2 { border: 1px solid #037cff; } .composer .accordion dt:hover { color: #037cff; } .composer .accordion dt i { border: 1px solid #037cff; } .composer .accordion dt i:after, .composer .accordion dt i:before { background: #037cff; } .composer .accordion dd { background: #037cff; } .composer .accordion dd:before { border-bottom: 4px solid #037cff; } .composer .accordion .active { color: #037cff; } .composer .accordion-alt .active, .composer .accordion-alt .active:hover { background: #037cff; color: #fff; } .composer .callout-alt { border-color: #037cff; background: #037cff; } .composer .callout-alt2 { border-color: #037cff; } .composer .chart-pie > span { color: #037cff; } .composer .soc-icon { border: 1px solid #037cff; } .composer .soc-icon:hover { background: #037cff; } .composer .soc-icon-alt { background: #037cff; } .composer .soc-icon-alt:hover { background: none; color: #037cff; } .composer .soc-icon-grey { border-color: transparent; } .composer .list .active { border-color: #037cff; color: #037cff; } .composer .list .active i { border-color: #037cff; color: #037cff; } .composer .list-alt .active { background: #037cff; color: #fff; } .composer .list-alt .active i { color: #fff; } .composer .message { border: 1px solid #037cff; color: #037cff; } .composer .message:before { border-right: 1px solid #037cff; } .composer .message i { border: 1px solid #037cff; } .composer .milestone { border: 1px solid #037cff; color: #037cff; } .composer .milestone-alt { background: #037cff; color: #fff; } .composer .pricing-table .col { border: 1px solid #037cff; } .composer .pricing-table .head { background: #037cff; } .composer .pricing-table .featured .price { color: #037cff; } .composer .progress-bar .bar span { background: #037cff; } .composer .progress-bar-alt .bar { border-color: #037cff; } .composer .progress-bar-alt .bar em { background: #037cff; } .composer .progress-bar-alt .bar em:after { border-top: 4px solid #037cff; } .composer .progress-bar-alt .bar span { border-right: 1px solid #037cff; } .composer .process:after { border-color: #037cff; } .composer .process .done:after { border-color: #037cff; color: #037cff; } .composer .process .done:before { border-color: #037cff; } .composer .process .done i { border-color: #037cff; color: #037cff; } .composer .services .icon { background: #037cff; } .composer .services-alt .icon { background: none; } .composer .tabs > label { background: #037cff; } .composer .tabs > label:nth-child(2) { border-left-color: #037cff; } .composer .tabs > div { border-color: #037cff; } .composer .tabs > input:checked + label { border-top: 1px solid #037cff; border-right-color: #037cff; border-left-color: #037cff; color: #037cff; } .composer .team-alt li > div { border-color: #037cff; } .composer .team-alt .social { background: #037cff; } .composer .testimonial-alt .text { background: #037cff; } .composer .testimonial-alt .text:after { border-right-color: #037cff; } .composer .testimonial-group .author div { background: #037cff; } .composer .testimonial-group .author.active:before { border-top: 6px solid #037cff; } .composer .toggle dt:hover { color: #037cff; } .composer .toggle dt i { background: #037cff; } .composer .toggle-alt dt { box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .composer .twitter-feed li { background: #037cff; } .composer .twitter-feed-alt p { border: 1px solid #037cff; } .composer .twitter-feed-alt a { color: #037cff; } .composer .twitter-carousel .fa-twitter { background: #037cff; } .composer .twitter-carousel .owl-buttons div { border-color: #037cff; color: #037cff; } .widget-categories a:hover { color: #037cff; } .widget-categories .active { color: #037cff; } .widget-recent-posts div a:hover { color: #037cff; } .widget-recent-photos li a { background: #037cff; } .widget-tags a { border: 1px solid #037cff; } .widget-tags a:hover { background: #037cff; } .widget-filter .slider div { background: #037cff; } .widget-cart a:hover { color: #037cff; } .widget-cart .total { color: #037cff; } .widget-sellers a:hover { color: #037cff; } .widget-sellers .price { color: #037cff; } .widget-alt-contacts ol a:hover { background: #037cff; } .widget-alt-feedback button:hover { color: #037cff; } .scroll-top:hover { background: #037cff; }