tools-theme 0.1.1 → 0.1.3

data/_includes/header/index.html

@@ -1,92 +1,64 @@
 {% assign lang = page.lang %}
 {% assign dataToShow = site.data.header[lang].data %}
-{% assign file = page.fileName %}
-{% assign folder = page.folderName %}
-{% assign  Data= site.data[folder][lang][file] %}
-<header class="nav-header">
-   
-    <nav class="navbar navbar-expand-lg py-3 px-sm-2">
-        <div class="container px-0">
-        {% if dataToShow.navbarBrandText != "" %}
-        <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
-        {% else %}
-        <a href="/">
-            <img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}"
-                alt="{{ dataToShow.navbarBrandLogo }}">
-        </a>
-        {% endif %}
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
-            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fa fa-bars fa_bars" aria-hidden="true"></i>
-        </button>
+<header class="home-nav-header">
+  <nav class="header-navbar navbar navbar-expand-lg">
+    <div class="container px-0">
+      {% if dataToShow.navbarBrandText != "" %}
+      <a id="home-link" class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">
+        {{dataToShow.navbarBrandText}}
+      </a>
+      {% else %}
+      <a id="home-link" href="/">
+        <img class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth}}"
+          height="{{dataToShow.navbarBrandLogoHeight}}" src="{{ dataToShow.navbarBrandLogo }}"
+          alt="{{ dataToShow.navbarBrandLogo }}">
+      </a>
+      {% endif %}
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <div class="header_bars"></div>
+        <div class="header_bars"></div>
+        <div class="header_bars"></div>
+      </button>
 
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-          
-              {%- if Data.megaMenu -%}
-              <li class="nav-item nav__item">
-                <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                  {{Data.megaMenu.nav-link-name}}
-                </a>
-                <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
-                    <div  class="inner-dropdown">
-                    {%- for item in Data.megaMenu.dropdown -%}
-                         <div class="catPad mb-4">
-                            <li class="text-muted">{{item.categoryName}}</li>  
-                           <div> {%- for item in item.links -%}
-                               <li>
-                              <a href="{{item.url}}">
-                                {%- if item.iconSrc -%}
-                                <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}">
-                                {%- endif -%}
-                               {{item.name}}
-                              </a></li>
-                           {%- endfor -%}
-                        </div>
-                         </div>
-                    {%- endfor -%}
-                </div>
-                </ul>
-              </li>
-              {%- else -%}
-              {%- if dataToShow.megaMenu  -%}
-              <li class="nav-item nav__item">
-                  <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    {{dataToShow.megaMenu.nav-link-name}}
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        {%- if dataToShow.megaMenu -%}
+        <div class="nav-item header_nav__item">
+          <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            {{dataToShow.megaMenu.nav-link-name}}
+          </a>
+          <div class="dropdown-menu">
+            <div class="megaMenu">
+              {%- for item in dataToShow.megaMenu.dropdown -%}
+              <ul>
+                {%- for item in item.links -%}
+                <li>
+                  <a class="tools_list_featureName" href="{{item.url}}">
+                    {%- if item.iconSrc -%}
+                    <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
+                      if site.crossorigin -%} crossorigin {%- endif -%}>
+                    {%- endif -%}
+                    {{item.name}}
                   </a>
-                  <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
-                      <div  class="inner-dropdown">
-                      {%- for item in dataToShow.megaMenu.dropdown -%}
-                           <div class="catPad mb-4">
-                              <li class="text-muted">{{item.categoryName}}</li>  
-                             <div> {%- for item in item.links -%}
-                                 <li>
-                                <a href="{{item.url}}">
-                                  {%- if item.iconSrc -%}
-                                  <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}">
-                                  {%- endif -%}
-                                 {{item.name}}</a> </li>
-                             {%- endfor -%}
-                          </div>
-                           </div>
-                      {%- endfor -%}
-                  </div>
-                  </ul>
                 </li>
-                {%- endif -%}
-              {%- endif -%}
-
-              
-            <ul class="navbar-nav mr-auto ">
-                {% for item in dataToShow.navItems %}
-                <li class="nav-item nav__item">
-                    <a href="{{item.url}}">{{item.name}}</a>
-                </li>
-                {% endfor %}
-            </ul>
-    </div>
-</div>
-</nav>
-
-</header>
+                {%- endfor -%}
+              </ul>
+              {%- endfor -%}
+            </div>
+          </div>
+        </div>
+        {%- endif -%}
 
 
+        <div class="navbar-nav">
+          {% for item in dataToShow.navItems %}
+          <li class="nav-item header_nav__item">
+            <a href="{{item.url}}">{{item.name}}</a>
+          </li>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </nav>
+</header>

data/_layouts/feature.html

@@ -52,7 +52,8 @@
 		<div class="row px-0">
 			{% for data in featureData.TEXTUAL_CONTENT %}
 			<div class="col-lg-4 col-md-6 my-4">
-				<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px" alt={{data.header}}>
+				<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
+						alt={{data.header}}>
 					<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
 					<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
 				</div>
@@ -65,7 +66,7 @@
 			<div class="flex-class">
 				<div class=" d-flex flex-wrap justify-content-center">
 					{%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
-					<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px" 
+					<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
 							src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
 							alt="{{featureData.HOW_TO_CONTENT.logoImageAlt}}">
 					</div>
@@ -83,7 +84,7 @@
 			</div>
 		</div>
 	</div>
-	
+
 	<div class="container">
 		<div class="row">
 			<div class="col-md-8 mx-auto">
@@ -110,32 +111,7 @@
 			</div>
 		</div>
 	</div>
-	{%- include share/socialshare.html -%}
-	{%- include Rating/rating.html -%}
-	
-	
-	{%- if page.categories or page.tags-%}
-	{%- include section/related_categories_post.html -%}
-	{%- else -%}
-	{%- include section/recent_posts.html -%}
-	{% endif %}
-	{%- if featureData.display_formats -%}
-	<div class="container px-md-5 compare-table ">
-		<div class="px-md-4">
-			{%- include fileformat/fileformatdetail.html -%}
-		</div>
-	</div>
-	{%- endif -%}
-	{%- if featureData.compare_formats -%}
-	<div class="container file-detail-table ">
-		{%- include fileformat/comparisonfiles.html -%}
-	</div>
-	{%- endif -%}
-	{%- if featureData.USP_Heading or featureData.USPS  -%}
-	<div class="container">
-		{%- include /Usp/usp.html -%}
-	</div>
-	{%- endif -%}
+
 	{% include footer/index.html %}
 	{% include script.html %}
 </body>

data/_layouts/home.html

@@ -5,35 +5,56 @@
 <!DOCTYPE html>
 <html lang="{{homeData.htmlLangAtt}}">
 {% include head/index.html %}
+
 <body>
 	{% include header/index.html %}
-	{%- include dropdown/langdropdown.html -%}
+
 	{%- if homeData.h1 or homeData.h2 -%}
-	<div class="flex-container">
+	<div class="flex-container mb-1">
 		<div class="flex-class py-5">
-				<h1 class="home-top-h1">{{homeData.h1}}</h1>
-				<h2 class="home-top-h2">{{homeData.h2}}</h2>
+			<div class="d-flex justify-content-center align-items-center">
+				<h1 class="home-top-h1 font-weight-bolder">
+					{%- for word in homeData.h1 -%}
+					{%- if forloop.first == true -%}
+					{{word | capitalize }}
+					{%- else -%}
+					{{word}}
+					{%- endif -%}
+					{%- endfor -%}
+				</h1>
+			</div>
+			<h2 class="home-top-h2">
+				{%- for word in homeData.h2 -%}
+				{%- if forloop.first == true -%}
+				{{word | capitalize }}
+				{%- else -%}
+				{{word}}
+				{%- endif -%}
+				{%- endfor -%}
+			</h2>
 		</div>
 	</div>
 	{%- endif -%}
+
 	{%- if homeData.features -%}
-	<div class="flex-container">
-		<div class="flex-class">
-			<ul class="home-features">
-				{% for product in homeData.features %}
-				<li style=background:{{product.color}} class="home-feature-box">
-					<div class="home-inner-box">
-						<div class="div-cont feature-img" height="36px" width="36px" >
-							<img src="{{product.icon}}" height="36px" width="36px" alt="star icon">
+	<nav class="home-tools-list">
+		<ul class="home-tools-container">
+			{% for product in homeData.features %}
+			<li class="home-tool-box">
+				<a href="{{product.url}}" class="home-tool-name">
+					<div class="home-tool-detials">
+						<div class="home-tool-img">
+
+							<img src="{{product.icon}}" height="25px" width="25px" alt="home-tool-icon" {%- if
+								site.crossorigin -%} crossorigin {%- endif -%}>
 						</div>
+						<div class="home-tool-text">{{product.name}}</div>
 					</div>
-					<div class="home-feature-desc">{{product.description}}</div><a
-						class="home-feature-name" href="{{product.url}}">{{product.name}}</a>
-				</li>
-				{% endfor %}
-			</ul>
-		</div>
-	</div>
+				</a>
+			</li>
+			{% endfor %}
+		</ul>
+	</nav>
 	{%- endif -%}
 	<div>
 		{{content}}
@@ -43,15 +64,15 @@
 		<div class="row px-0">
 			{% for data in homeData.TEXTUAL_CONTENT %}
 			<div class="col-lg-4 col-md-6 my-4">
-					<div><img class="feature-card-img"  height="48px" width="48px" loading="lazy" src="{{data.logoUrl}}"
-							alt={{data.header}}>
-						<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
-						<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
-					</div>
+				<div><img class="feature-card-img" height="48px" width="48px" loading="lazy" src="{{data.logoUrl}}"
+						alt={{data.header}}>
+					<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
+					<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
 				</div>
-					{% endfor %}
 			</div>
+			{% endfor %}
 		</div>
+	</div>
 	{%- endif -%}
 	{%- if homeData.HOW_TO_CONTENT -%}
 	<div class="d-flex justify-content-center mt-5 mb-5" id="__cond-1011327">
@@ -59,9 +80,10 @@
 			<div class="flex-class">
 				<div class=" d-flex flex-wrap justify-content-center">
 					{%- if homeData.HOW_TO_CONTENT.logoImageUrl -%}
-					<div class="how-to-img-wrapper "><img class="how-to-leftimg" loading="lazy"  height="215px" width="100%"
-						src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" alt="{{homeData.HOW_TO_CONTENT.logoImageAlt}}">
-				</div>
+					<div class="how-to-img-wrapper "><img class="how-to-leftimg" loading="lazy" height="215px"
+							width="100%" src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
+							alt="{{homeData.HOW_TO_CONTENT.logoImageAlt}}">
+					</div>
 					{%- endif -%}
 					<div class="how-to-right">
 						<h3 class="how-to-title">{{homeData.HOW_TO_CONTENT.heading | replace: "$variable",
@@ -75,63 +97,40 @@
 				</div>
 			</div>
 		</div>
-</div>
+	</div>
 
 	{%- endif -%}
-{%- if homeData.FAQ -%}
-<div class="container">
-	<div class="row">
-		<div class="col-md-8 mx-auto">
-			<div class="faq">
-				{%- if homeData.FAQ.size>0 -%}
+	{%- if homeData.FAQ -%}
+	<div class="container">
+		<div class="row">
+			<div class="col-md-8 mx-auto">
+				<div class="faq">
+					{%- if homeData.FAQ.size>0 -%}
 					<h2 class="feature-h1 text-center">Frequently Asked Questions</h2>
 					{%- endif -%}
-				<ul class="list-unstyled">
-					{% for data in homeData.FAQ %}
-					<li>
-						<h3 class="faq-question" itemprop="name">{{data.question | replace: "$variable", page.value}}<em
-								style="transform: rotate(-135deg);">
-								<i></i></em>
-						</h3>
-						<div style="display: block;">
-							<p class="faq-answer" itemprop="text">{{data.answer | replace: "$variable", page.value}}</p>
-						</div>
-					</li>
-					<hr>
-					{% endfor %}
-				</ul>
-		</div>
+					<ul class="list-unstyled">
+						{% for data in homeData.FAQ %}
+						<li>
+							<h3 class="faq-question" itemprop="name">{{data.question | replace: "$variable",
+								page.value}}<em style="transform: rotate(-135deg);">
+									<i></i></em>
+							</h3>
+							<div style="display: block;">
+								<p class="faq-answer" itemprop="text">{{data.answer | replace: "$variable", page.value}}
+								</p>
+							</div>
+						</li>
+						<hr>
+						{% endfor %}
+					</ul>
+				</div>
+			</div>
 		</div>
-	</div>
 
-</div>
-{%- endif -%}
-{%- include share/socialshare.html -%}
-{%- include Rating/rating.html -%}
-{%- if page.categories or page.tags-%}
-{%- include section/related_categories_post.html -%}
-{%- else -%}
-{%- include section/recent_posts.html -%}
-{% endif %}
-{%- if homeData.display_formats -%}
-	<div class="container px-md-5 file-detail-table ">
-		<div class="px-md-4">
-			{%- include fileformat/fileformatdetail.html -%}
-		</div>
-	</div>
-	{%- endif -%}
-	{%- if homeData.compare_formats -%}
-	<div class="container compare-table ">
-		{%- include fileformat/comparisonfiles.html -%}
-	</div>
-	{%- endif -%}
-	{%- if homeData.USP_Heading or homeData.USPS  -%}
-	<div class="container">
-		{%- include /Usp/usp.html -%}
 	</div>
 	{%- endif -%}
-{% include footer/index.html %}  
-{% include script.html %}
+	{% include footer/index.html %}
+	{% include script.html %}
 </body>
 
 </html>