update

hosting-data.js

@@ -0,0 +1,41 @@
+const hostingData = [
+    {
+      name: "Cloud Art",
+      logo: "hostingPlanLogo1.png",
+      rating: 5,
+      reviews: 2,
+      delay: 0.2,
+      features: [
+        "SSD VPS Hosting 99.9% Uptime",
+        "Free Cpanel & SSL In All Plans",
+        "Up To 192 GB RAM & 32 CPU Cores", 
+        "45 Days Moneyback Guarantee"
+      ],
+      specs: {
+        space: "15 GB – 640 GB",
+        bandwidth: "Unlimited",
+        uptime: "99.9%"
+      },
+      pricing: "6.75"
+    },
+    {
+      title: "Cloud Tech", 
+      logo: "hostingPlanLogo2.png",
+      rating: 4.6,
+      reviews: 1,
+      delay: 0.4,
+      link: "https://radiustheme.com/demo/wordpress/themes/revieweb/hosting/cloud-tech-2/",
+      features: [
+        "SSD VPS Hosting 99.9% Uptime",
+        "Free Cpanel & SSL In All Plans",
+        "Up To 192 GB RAM & 32 CPU Cores",
+        "45 Days Moneyback Guarantee"  
+      ],
+      specs: {
+        space: "13 GB – 640 GB", 
+        bandwidth: "Unlimited",
+        uptime: "99.9%"
+      },
+      pricing: "6.75"
+    }
+  ];

hosting-item/cloud-tech.md

@@ -0,0 +1,25 @@
+---
+title: Cloud Tech
+logo: hostingPlanLogo2.png
+rating: 4.6
+reviews: 1
+delay: 0.4
+link: https://radiustheme.com/demo/wordpress/themes/revieweb/hosting/cloud-tech-2/
+---
+
+### Features
+- SSD VPS Hosting 99.9% Uptime
+- Free Cpanel & SSL In All Plans
+- Up To 192 GB RAM & 32 CPU Cores
+- 45 Days Moneyback Guarantee
+
+### Special Features
+#### Storage & Bandwidth
+- Space: 13 GB – 640 GB
+- Bandwidth: Unlimited
+
+#### Performance
+- Uptime: 99.9%
+
+### Pricing
+- Starting at: $6.75/mo 

hosting-item/host1.md

@@ -0,0 +1,21 @@
+---
+name: Cloud Art
+logo: hostingPlanLogo1.png
+rating: 5
+reviews: 2
+delay: 0.2
+---
+
+### Features
+- SSD VPS Hosting 99.9% Uptime
+- Free Cpanel & SSL In All Plans  
+- Up To 192 GB RAM & 32 CPU Cores
+- 45 Days Moneyback Guarantee
+
+### Specs
+- Space: 15 GB – 640 GB
+- Bandwidth: Unlimited
+- Uptime: 99.9%
+
+### Pricing
+Starting at $6.75/mo 

index.html

@@ -1525,7 +1525,7 @@ <h2 class="rt-accordion-header " id="rtaccordion-06howcanilearnmoreabouthostings
 																					<ul class="item-rating">
 							<li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li>							</ul>
 													</div>
-						<div class="tcontent"><p>“ Lorem ipsum dolor consectetur adipiscing elit. Vitae lacus nulla volutpat pellentesque faucibus commodo pharetra adipiscing the feugiat the scelerisque tempor sodales. Elit amet pharetra vitae dummy as aliquam. “</p></div>
+						<div class="tcontent"><p>" Lorem ipsum dolor consectetur adipiscing elit. Vitae lacus nulla volutpat pellentesque faucibus commodo pharetra adipiscing the feugiat the scelerisque tempor sodales. Elit amet pharetra vitae dummy as aliquam. "</p></div>
 						<div class="autor-title">
 														<div class="item-img">
 								<img loading="lazy" decoding="async" width="45" height="45" src="images/user_01.png" class="attachment-full size-full wp-post-image" alt="" title="">							</div>
@@ -1546,7 +1546,7 @@ <h3 class="item-title">Richard A. Whalen</h3>
 																					<ul class="item-rating">
 							<li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star deactive"></i></li><li class="has-rating"><i class="fa-regular fa-star deactive"></i></li>							</ul>
 													</div>
-						<div class="tcontent"><p>“ Lorem ipsum dolor consectetur adipiscing elit. Vitae lacus nulla volutpat pellentesque faucibus commodo pharetra adipiscing the feugiat the scelerisque tempor sodales. Elit amet pharetra vitae dummy as aliquam. “</p></div>
+						<div class="tcontent"><p>" Lorem ipsum dolor consectetur adipiscing elit. Vitae lacus nulla volutpat pellentesque faucibus commodo pharetra adipiscing the feugiat the scelerisque tempor sodales. Elit amet pharetra vitae dummy as aliquam. "</p></div>
 						<div class="autor-title">
 														<div class="item-img">
 								<img loading="lazy" decoding="async" width="45" height="45" src="images/user_02.png" class="attachment-full size-full wp-post-image" alt="" title="">							</div>
@@ -1567,7 +1567,7 @@ <h3 class="item-title">Lisa K. Berg</h3>
 																					<ul class="item-rating">
 							<li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li><li class="has-rating"><i class="fa-regular fa-star active"></i></li>							</ul>
 													</div>
-						<div class="tcontent"><p>“ Lorem ipsum dolor consectetur adipiscing elit. Vitae lacus nulla volutpat pellentesque faucibus commodo pharetra adipiscing the feugiat the scelerisque tempor sodales. Elit amet pharetra vitae dummy as aliquam. “</p></div>
+						<div class="tcontent"><p>" Lorem ipsum dolor consectetur adipiscing elit. Vitae lacus nulla volutpat pellentesque faucibus commodo pharetra adipiscing the feugiat the scelerisque tempor sodales. Elit amet pharetra vitae dummy as aliquam. "</p></div>
 						<div class="autor-title">
 														<div class="item-img">
 								<img loading="lazy" decoding="async" width="45" height="45" src="images/user_03.png" class="attachment-full size-full wp-post-image" alt="" title="">							</div>
@@ -1598,7 +1598,7 @@ <h3 class="item-title">Neel Eonathon</h3>
 			<div class="rt-section-title has-animation style2">
 	<div class="title-holder">
 				<h2 class="entry-title hide fadeInUp" data-wow-delay="0.6s" data-wow-duration="1.4s">Get Newsletter</h2>
-						<div class="entry-text hide fadeInUp" data-wow-delay="1s" data-wow-duration="1.4s">Your download should start automatically, if not�&nbsp;<a href="https://radiustheme.com/demo/wordpress/themes/revieweb/contact/">Click here.</a>�&nbsp;Should I give up, huh?.</div>
+						<div class="entry-text hide fadeInUp" data-wow-delay="1s" data-wow-duration="1.4s">Your download should start automatically, if not&nbsp;<a href="https://radiustheme.com/demo/wordpress/themes/revieweb/contact/">Click here.</a>&nbsp;Should I give up, huh?.</div>
 			</div>
 </div>		</div>
 				</div>
@@ -1643,12 +1643,12 @@ <h2 class="entry-title hide fadeInUp" data-wow-delay="0.6s" data-wow-duration="1
 		<div class="container">			
 			<div class="row">
 				<div class="col-xl-3 col-md-6"><div id="media_image-2" class="widget widget_media_image"><img width="192" height="46" src="images/logo-footer.svg" class="image wp-image-5072  attachment-medium size-medium wp-post-image" alt="" style="max-width: 100%; height: auto;" decoding="async" title=""></div><div id="revieweb_address-5" class="widget widget_revieweb_address">				<ul class="corporate-address">
-			<li><i class="fa-solid fa-house"></i><span>Slate’s Washington 1707 L St Washington 20036.</span></li><li><i class="fas fa-phone-alt"></i><span><a href="tel:+02-976-754-8451">+02-976-754-8451</a></span></li><li><i class="fa-solid fa-envelope"></i><span><a href="mailto:[email protected]">[email protected]</a></span></li><li><i class="fa-solid fa-fax"></i><span>+02-976-774-8422</span></li>		</ul>
+			<li><i class="fa-solid fa-house"></i><span>Slate's Washington 1707 L St Washington 20036.</span></li><li><i class="fas fa-phone-alt"></i><span><a href="tel:+02-976-754-8451">+02-976-754-8451</a></span></li><li><i class="fa-solid fa-envelope"></i><span><a href="mailto:[email protected]">[email protected]</a></span></li><li><i class="fa-solid fa-fax"></i><span>+02-976-774-8422</span></li>		</ul>
 
 		</div></div><div class="col-xl-3 col-md-6"><div id="nav_menu-7" class="widget widget_nav_menu"><h3 class="widgettitle ">About Us</h3><div class="menu-about-us-container"><ul id="menu-about-us" class="menu"><li id="menu-item-153" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-153"><a href="#">About Us</a></li>
 <li id="menu-item-150" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-150"><a href="#">Get Support</a></li>
 <li id="menu-item-151" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-151"><a href="#">Terms Of Use</a></li>
-<li id="menu-item-152" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-152"><a href="#">FAQ’S</a></li>
+<li id="menu-item-152" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-152"><a href="#">FAQ'S</a></li>
 <li id="menu-item-149" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-149"><a href="#">Contact Us</a></li>
 </ul></div></div></div><div class="col-xl-3 col-md-6"><div id="nav_menu-8" class="widget widget_nav_menu"><h3 class="widgettitle ">Get Support</h3><div class="menu-get-support-container"><ul id="menu-get-support" class="menu"><li id="menu-item-144" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"><a href="#">Documentation</a></li>
 <li id="menu-item-145" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-145"><a href="#">Knowledge Base</a></li>
@@ -1840,4 +1840,77 @@ <h2 class="entry-title hide fadeInUp" data-wow-delay="0.6s" data-wow-duration="1
 </script>
 
 <script src="js/siteground-optimizer-combined-js-1bd05e8f333da60598fdcc4189385c11.js"></script>
+
+<div class="rt-hosting-layout">
+  <div class="row g-4" id="hosting-container">
+    <!-- Items will be rendered here -->
+  </div>
+</div>
+
+<script src="hosting-data.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const container = document.getElementById('hosting-container');
+
+  hostingData.forEach(item => {
+    const html = `
+      <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="${item.delay}s" data-wow-duration="1.2s">
+        <div class="rt-hosting-item">
+          <div class="hosting-header">
+            <div class="item-image">     
+              <a href="${item.link || '#'}">
+                <img src="images/${item.logo}" alt="${item.title || item.name}">
+              </a>
+            </div>
+            <div class="hosting-reviews">
+              <div class="rtrs-rating-item">
+                <div class="rtrs-rating-overall">
+                  <div class="rating-percent">${item.rating}</div>
+                  <div class="total-review">${item.reviews} Reviews</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <ul class="rt-features">
+            ${item.features.map(feature => `
+              <li><i class="fas fa-check"></i>
+                <span class="rt-features-text">${feature}</span>
+              </li>
+            `).join('')}
+          </ul>
+
+          <div class="hosting-special-features">
+            <div class="hosting-special-features-list">
+              <ul>
+                <li>
+                  <i class="fa-solid fa-database"></i>
+                  <span><label>Space:</label> ${item.specs.space}</span>
+                </li>
+                <li>
+                  <i class="fa-brands fa-internet-explorer"></i>
+                  <span><label>Bandwidth:</label> ${item.specs.bandwidth}</span>
+                </li>
+              </ul>
+            </div>
+            <div class="hosting-acuracy">
+              <span class="hosting-acuracy-icon"><i class="fa-solid fa-wave-square"></i></span>
+              <span class="hosting-acuracy-count"><span>${item.specs.uptime}</span>Uptime</span>
+            </div>
+          </div>
+
+          <div class="hosting-footer">
+            <div class="hosting-price">
+              <sub>$</sub>${item.pricing}<sub> / mo</sub>
+              <span class="hosting-price-text">Starting price</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+
+    container.innerHTML += html;
+  });
+});
+</script>
 </body></html>