rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/services.liquid

@@ -0,0 +1,596 @@
+<div data-section-id="{{ section.id }}"  data-section-type="service section" class="service-us">
+	{% if section.settings.showvedaone_2_section %}
+	
+	<div class="grid-uniform section-one">
+	  <div class="container">
+		<div class="grid__item">
+		  
+		  <div class="grid__item wide--one-half post-large--one-half large--one-column medium--one-column small--grid__item">
+			<div class="section-two-leftimg">
+			  {% if  section.settings.abtone_image_2 != blank %}
+			  <img src="{{  section.settings.abtone_image_2 | img_url: "master" }}" alt="{{ section.settings.abtone_image_2_heading }}" />
+			  {% else %}
+						<img src="//via.placeholder.com/858x572">
+  
+			   {% endif %} 
+			</div>
+		  </div>
+		 
+		  <div class="grid__item wide--one-half post-large--one-half large--one-column medium--one-column small--grid__item">
+			{% if section.settings.abtone_2_title != blank %}   <h2 style="color:{{section.settings.abtone_2_maintilte }}">{{ section.settings.abtone_2_title }}</h2>{% endif %} 
+			{% if section.settings.abtone_2_des != blank %}
+			<p style="color:{{section.settings.abtone_2_desc }}">{{section.settings.abtone_2_des }}</p>
+			{% endif %}
+			<div class="grid__item">
+			  <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+				<ul>
+				  {% if section.settings.abtone_2_listone != blank %}  <li><span class="fa fa-caret-right"></span>{{section.settings.abtone_2_listone }} </li> {% endif %}
+				  {% if section.settings.abtone_2_listtwo != blank %} <li><span class="fa fa-caret-right"></span>{{section.settings.abtone_2_listtwo }} </li>{% endif %}
+				</ul>
+			  </div>
+			  <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+				<ul>
+				  {% if section.settings.abtone_2_listthree != blank %} <li><span class="fa fa-caret-right"></span>{{section.settings.abtone_2_listthree }}</li>{% endif %}
+				  {% if section.settings.abtone_2_listfour != blank %}  <li><span class="fa fa-caret-right"></span>{{section.settings.abtone_2_listfour }}</li>{% endif %}
+				</ul>
+			  </div>
+			</div>
+			{% if section.settings.btn_2_text != blank %}
+			<a class="btn" href="{{section.settings.link_2 }}">{{section.settings.btn_2_text }}</a>
+			{% endif %} 
+		  </div>
+		</div>
+	  </div>
+	</div>
+	<div class="invisible-large"></div>
+	{% endif %} 
+  
+	{% if section.settings.show_2_section != blank %}
+	<div class="grid-uniform section-three" style="background:{{section.settings.service_3_bg}}">
+	  <div class="invisible-large"></div>
+	  <div class="container">
+		{% if section.settings.section_3_subtitle != blank or section.settings.section_3_maintitle != blank  %}
+		<div class="main-heading">
+		  <h5 class="small-title">  {{section.settings.section_3_subtitle }}</h5>
+		  {% if section.settings.section_3_maintitle != blank %}
+		  <h2>  {{section.settings.section_3_maintitle }}</h2>
+		  {% endif %}
+		</div>
+		{% endif %}
+		<div class="grid__item">
+		  <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half">
+			<div class="tab-section">
+			  {% if section.settings.section_3_iconcls != blank %}
+			  <div class="tab-icon">
+				<span class="{{section.settings.section_3_iconcls }}"> </span>
+			  </div>
+			  {% endif %}
+			  <div class="tab-detail">
+				{% if section.settings.section_3_tabtitle != blank %}
+				<h4>{{section.settings.section_3_tabtitle }}</h4>
+				{% endif %}
+				{% if section.settings.section_3_tabdetail != blank %}
+				{{section.settings.section_3_tabdetail }}
+				{% endif %}
+			  </div>
+			</div>
+		  </div>
+		  <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half">  
+			<div class="tab-section">
+			  {% if section.settings.section_4_iconcls != blank %}
+			  <div class="tab-icon">
+				<span class="{{section.settings.section_4_iconcls }}"> </span>
+			  </div>
+			  {% endif %}
+			  <div class="tab-detail">
+				{% if section.settings.section_3_tabtitleone != blank %}
+				<h4>{{section.settings.section_3_tabtitleone }}</h4>
+				{% endif %}
+				{% if section.settings.section_3_tabdetailone != blank %}
+				{{section.settings.section_3_tabdetailone }}
+				{% endif %}
+			  </div>
+			</div>
+		  </div>
+		</div>      
+	  </div>
+	  <div class="invisible-large"></div>
+	</div>
+	<div class="invisible-large"></div>
+	{% endif %}
+  
+  
+	{% if section.settings.show_3_section != blank %}
+	<div class="grid-uniform section-four" style="background-image:url({{section.settings.section_3_bgimage | img_url: '2048x2048' }})"; >
+	  <div class="container">
+		{% if section.settings.section_4_maintitle != blank %}
+		<div class="main-title">
+		  <h2>  {{section.settings.section_4_maintitle }}</h2>
+		 
+		</div>
+		{% endif %}
+		<div class="grid__item ">
+		  <div class="grid__item wide--two-thirds post-large--two-thirds large--two-thirds">
+			{% if section.settings.section_3_desc != blank %}
+			{{section.settings.section_3_desc }}
+			{% endif %}
+			<div class="grid__item block-content">            
+			<div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+				
+				{% if section.settings.title_1 != blank %}
+			  <h5>
+				{% if section.settings.one != blank %}
+				<span>{{section.settings.one }}</span>
+				{% endif %}{{section.settings.title_1 }}</h5>
+				{% endif %}
+				{% if section.settings.text_1 != blank %}
+				<p>{{section.settings.text_1 }}</p>
+				{% endif %}
+			  </div>
+			 <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+				
+				{% if section.settings.title_2 != blank %}
+			   <h5>
+			   {% if section.settings.two != blank %}
+				<span>{{section.settings.two }}</span>
+				{% endif %} {{section.settings.title_2 }}</h5>
+				{% endif %}
+				{% if section.settings.text_2 != blank %}
+				<p>{{section.settings.text_2 }}</p>
+				{% endif %}
+			  </div>
+			  
+			  
+			  <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+				 
+				{% if section.settings.title_3 != blank %}
+				<h5>
+				{% if section.settings.three != blank %}
+				<span>{{section.settings.three }}</span>
+				{% endif %}{{section.settings.title_3 }}</h5>
+				{% endif %}
+				{% if section.settings.text_3 != blank %}
+				<p>{{section.settings.text_3 }}</p>
+				{% endif %}
+			  </div>
+			   
+			  <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+				 
+				
+				{% if section.settings.title_4 != blank %}
+				 <h5>
+			   {% if section.settings.four != blank %}
+				<span>{{section.settings.four }}</span>
+				{% endif %}{{section.settings.title_4 }}</h5>
+				{% endif %}
+				{% if section.settings.text_4 != blank %}
+				<p>{{section.settings.text_4 }}</p>
+				{% endif %}
+			  </div>
+			</div>
+		  </div>   
+		  
+		  <div class="grid__item wide--one-third post-large--one-third large--one-third">
+			{% if section.settings.section_3_rightimage != blank %}
+			<img src="{{ section.settings.section_3_rightimage | img_url: '1024x1024' }}" alt="" title="" />
+			{% else %}
+			<img src="//via.placeholder.com/600x786">
+		 {% endif %}
+		  </div>
+		  
+		</div>
+	  </div>
+	</div>
+	<div class="invisible-large"></div>
+	{% endif %}
+  
+  </div>
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  <style>
+  
+  
+	.service-us .button{background: {{section.settings.serviceveda_1_pribtnbg}};color:{{section.settings.serviceveda_1_pribtncolor}};}
+  
+	.service-us .button span {background:{{section.settings.serviceveda_1_pribtnarrowbg}}; color:{{section.settings.serviceveda_1_pribtnarrowcolor}};}
+  
+	.service-us .section-one li{color:{{section.settings.serviceveda_1_listcolor}};}
+  
+	.service-us .button:hover{background:{{section.settings.servicevedabtnhoverbg}};color:{{settings.servicevedabtnhovercolor}} !important;}
+  
+	.service-us .main-heading h2{color:{{section.settings.abtsix_headingcolor}};}
+  
+	.service-us .main-heading h5{color:{{section.settings.abtsix_subheadingcolor}};}
+  
+	.service-us .tab-detail p{color:{{section.settings.tabdetailcolor}};}
+  
+	.service-us .tab-detail  h4{color:{{section.settings.tabdetail_title_color}};}
+  
+	.service-us .tab-icon span{color:{{section.settings.tabdetail_icon_color}};}
+  
+	.service-us  .main-title h2{color:{{section.settings.section_1_maintitlecolor}};}
+  
+	.service-us  .main-title .title-sep::after { background:{{section.settings.section_1_titlebrdcolor}};}
+  
+	.service-us  .main-title .title-sep { background:{{section.settings.section_1_titlebrdcolor}};}
+  
+	.service-us .section-four p{color:{{section.settings.section_1_desccolor}};}
+  
+   
+  
+	.service-us .team-wrapper {border: 1px solid {{section.settings.team_bordercolor}};}
+  
+	.service-us .team-wrapper li a{color:{{section.settings.team_socialiconcolor}};}
+  
+	.service-us .team-wrapper h6{color:{{section.settings.team_socialiconcolor}};}
+  
+	.service-us .team-wrapper h6::after {background: {{section.settings.team_socialhoverborder}} ;}
+  
+	.service-us .team-detail h4{color:{{section.settings.team_headingcolor}};}
+  
+	.service-us .team-wrapper li a:hover{color:{{section.settings.team_socialhoverborder}};}
+  
+	.service-us .team-wrapper:hover{border:1px solid {{section.settings.team_socialhoverborder}};}
+  
+	.service-us .team-wrapper:hover h5{color:{{section.settings.team_socialhoverborder}};}
+  
+	.service-us .section-two h2{color:{{section.settings.section_2_titleccolor}};}
+  
+	.service-us .section-two li, .service-us .section-two li::after{color:{{section.settings.section_2_listcolor}};}
+  
+	.service-us .section-two p{color:{{section.settings.section_2_desccolor}};}
+  
+	.service-us .section-six p{color:{{section.settings.servicevedades}};}
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+   
+  
+  
+  
+  </style>
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  {% schema %}
+  {
+  "name": "service Page",
+  "settings": [
+  {
+  "type": "header",
+  "content": "General Colors"
+  },
+  {
+  "type": "color",
+  "id": "abtsix_headingcolor",
+  "label": "Heading Color",
+  "default": "#000"
+  },
+  {
+  "type": "color",
+  "id": "abtsix_subheadingcolor",
+  "label": "Sub Heading Color",
+  "default": "#000"
+  },
+  {
+  "type": "header",
+  "content": "Section One "
+  },
+  {
+  "type": "checkbox",
+  "id": "showvedaone_2_section",
+  "label": "Display  This Section"
+  },
+  {
+  "type": "image_picker",
+  "id": "abtone_image_2",
+  "label": "Image",
+  "info": "Size: 858x572"
+  },
+  {
+  "type": "text",
+  "id": "abtone_image_2_heading",
+  "label": "Image alt Text"
+  },
+  {
+  "type": "text",
+  "id": "abtone_2_title",
+  "label": "Heading"
+  },
+  {
+  "type": "color",
+  "id": "abtone_2_maintilte",
+  "default": "#000",
+  "label": "Heading Color"
+  },
+  {
+  "type": "textarea",
+  "id": "abtone_2_des",
+  "label": "Description"
+  },
+  {
+  "type": "color",
+  "id": "abtone_2_desc",
+  "default": "#000",
+  "label": "Desc Color"
+  },
+  {
+  "type": "text",
+  "id": "abtone_2_listone",
+  "label": "List"
+  },
+  {
+  "type": "text",
+  "id": "abtone_2_listtwo",
+  "label": "List"
+  },
+  {
+  "type": "text",
+  "id": "abtone_2_listthree",
+  "label": "List"
+  },
+  {
+  "type": "text",
+  "id": "abtone_2_listfour",
+  "label": "List"
+  },
+  {
+  "type": "color",
+  "id": "serviceveda_1_listcolor",
+  "default": "#000",
+  "label": "List color"
+  },
+  {
+  "type": "text",
+  "id": "btn_2_text",
+  "label": "Button Text"
+  },
+  {
+  "type": "url",
+  "id": "link_2",
+  "label": "Link URL"
+  },
+  
+  {
+  "type": "header",
+  "content": "Section Two"
+  },
+  {
+  "type": "checkbox",
+  "id": "show_2_section",
+  "label": "Display  This Section"
+  },
+  {
+  "type": "color",
+  "id": "service_3_bg",
+  "default": "#000",
+  "label": "Bg color"
+  },
+  {
+  "type": "text",
+  "id": "section_3_maintitle",
+  "label": "Sub Heading",
+  "default": "Title..."
+  },
+  
+  {
+  "type": "text",
+  "id": "section_3_subtitle",
+  "label": "Heading",
+  "default": "Title..."
+  },
+  {
+  "type": "text",
+  "id": "section_3_iconcls",
+  "label": "Icon class",
+  "default": "icon"
+  },
+  {
+  "type": "text",
+  "id": "section_3_tabtitle",
+  "label": "Tab title",
+  "default": "Title"
+  },
+  {
+  "type": "richtext",
+  "id": "section_3_tabdetail",
+  "label": "Tab detail",
+  "default": "<p>detail....</p>"
+  },
+  
+  {
+  "type": "text",
+  "id": "section_3_tabtitleone",
+  "label": "Tab title",
+  "default": "Title"
+  },
+  {
+  "type": "text",
+  "id": "section_4_iconcls",
+  "label": "Icon class",
+  "default": "icon"
+  },
+  {
+  "type": "richtext",
+  "id": "section_3_tabdetailone",
+  "label": "Tab detail",
+  "default": "<p>detail....</p>"
+  },
+  {
+  "type": "color",
+  "id": "tabdetailcolor",
+  "label": "Detail color",
+  "default": "#000"
+  },
+  {
+  "type": "color",
+  "id": "tabdetail_title_color",
+  "label": "Title color",
+  "default": "#000"
+  },
+  {
+  "type": "color",
+  "id": "tabdetail_icon_color",
+  "label": "Icon color",
+  "default": "#000"
+  },
+  {
+  "type": "header",
+  "content": "Section three"
+  },
+  {
+  "type": "checkbox",
+  "id": "show_3_section",
+  "label": "Display  This Section"
+  },
+  
+  {
+  "type": "text",
+  "id": "section_4_maintitle",
+  "label": "Heading",
+  "default": "Title..."
+  },
+  {
+  "type": "richtext",
+  "id": "section_3_desc",
+  "label": "Desc",
+  "default": "<p>some desc...</p>"
+  },
+  {
+  "type": "text",
+  "id": "one",
+  "label": "Number",
+  "default": "1"
+  },
+  {
+  "type": "text",
+  "id": "title_1",
+  "label": "Title",
+  "default": "Title 1"
+  },
+  {
+  "type": "textarea",
+  "id": "text_1",
+  "label": "Text",
+  "default": "Text 1"
+  },
+  {
+  "type": "text",
+  "id": "two",
+  "label": "Number",
+  "default": "2"
+  },
+  {
+  "type": "text",
+  "id": "title_2",
+  "label": "Title",
+  "default": "Title 2"
+  },
+  {
+  "type": "textarea",
+  "id": "text_2",
+  "label": "Text",
+  "default": "Text 2"
+  },
+  {
+  "type": "text",
+  "id": "three",
+  "label": "Number",
+  "default": "3"
+  },
+  {
+  "type": "text",
+  "id": "title_3",
+  "label": "Title",
+  "default": "Title 3"
+  },
+  {
+  "type": "textarea",
+  "id": "text_3",
+  "label": "Text",
+  "default": "Text 3"
+  },
+  {
+  "type": "text",
+  "id": "four",
+  "label": "Number",
+  "default": "4"
+  },
+  {
+  "type": "text",
+  "id": "title_4",
+  "label": "Title",
+  "default": "Title 4"
+  },
+  {
+  "type": "textarea",
+  "id": "text_4",
+  "label": "Text",
+  "default": "Text 4"
+  },
+  {
+  "type": "image_picker",
+  "id": "section_3_rightimage",
+  "label": "Image",
+  "info": "Size: 600x785"
+  },
+  
+  {
+  "type": "color",
+  "id": "section_1_maintitlecolor",
+  "label": "Heading Color",
+  "default": "#000"
+  },
+  {
+  "type": "color",
+  "id": "section_1_desccolor",
+  "label": "Desc Color",
+  "default": "#000"
+  }
+  ]
+  }
+  {% endschema %}
+