updates added
This commit is contained in:
akash
parent
7eb469ff8c
commit
48e6542496
@ -3451,7 +3451,7 @@ body {
|
|||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 14px;
|
width: 14px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
background: #db2777;
|
background: #3779b9;
|
||||||
/* Pin head color */
|
/* Pin head color */
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-shadow:
|
box-shadow:
|
||||||
@ -12748,7 +12748,7 @@ body {
|
|||||||
.contact-one__form .tolak-btn:hover,
|
.contact-one__form .tolak-btn:hover,
|
||||||
.contact-one__form button:hover,
|
.contact-one__form button:hover,
|
||||||
.about-2-btn-area a:hover {
|
.about-2-btn-area a:hover {
|
||||||
background-position: right center !important;
|
background-position: left center !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -150,7 +150,7 @@ const TestimonialsSection = () => {
|
|||||||
<div className="row mt-50" style={{ position: 'relative', zIndex: 2 }}>
|
<div className="row mt-50" style={{ position: 'relative', zIndex: 2 }}>
|
||||||
<div className="col-12 text-center">
|
<div className="col-12 text-center">
|
||||||
<Link
|
<Link
|
||||||
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
|
href="https://www.google.com/maps/place/Metatroncube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d43.4510036!4d-80.5909483!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI2MDMwMi4wIKXMDSoASAFQAw%3D%3D"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="vl-btn1"
|
className="vl-btn1"
|
||||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
||||||
|
|||||||
@ -1,112 +1,163 @@
|
|||||||
import React from "react";
|
"use client";
|
||||||
|
import React, { useState } from "react";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
const Footer1 = () => (
|
const Footer1 = () => {
|
||||||
<footer>
|
const [email, setEmail] = useState("");
|
||||||
<div className="footer-main bg-color-1">
|
const [status, setStatus] = useState({ show: false, type: "", message: "" });
|
||||||
<div className="footer-top section-space-medium">
|
|
||||||
|
const handleSubmit = async (e: React.FormEvent) => {
|
||||||
|
e.preventDefault();
|
||||||
|
if (!email) return;
|
||||||
|
|
||||||
|
setStatus({ show: false, type: "", message: "" });
|
||||||
|
|
||||||
|
const emailData = {
|
||||||
|
email: email,
|
||||||
|
message: `Newsletter Subscription Request from: ${email}`,
|
||||||
|
to: "info@metatroncubesolutions.com",
|
||||||
|
senderName: "Metatroncube Footer Newsletter",
|
||||||
|
};
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData);
|
||||||
|
setStatus({
|
||||||
|
show: true,
|
||||||
|
type: "success",
|
||||||
|
message: res?.data?.message || "Subscribed successfully!",
|
||||||
|
});
|
||||||
|
setEmail("");
|
||||||
|
} catch (error) {
|
||||||
|
console.error("❌ Newsletter error:", error);
|
||||||
|
setStatus({
|
||||||
|
show: true,
|
||||||
|
type: "danger",
|
||||||
|
message: "Failed to subscribe. Please try again.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<footer>
|
||||||
|
<div className="footer-main bg-color-1">
|
||||||
|
<div className="footer-top section-space-medium">
|
||||||
|
<div className="small-container">
|
||||||
|
<div className="row g-4">
|
||||||
|
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||||
|
<div className="footer-widget-1">
|
||||||
|
<figure className="image">
|
||||||
|
<img src="/assets/img-app/logo.webp" alt="footer logo" />
|
||||||
|
</figure>
|
||||||
|
<p className="mt-40 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
|
||||||
|
<div className="footer-socials">
|
||||||
|
<span>
|
||||||
|
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i className="fa-brands fa-facebook-f"></i>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<a href="https://www.instagram.com/metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i className="fa-brands fa-instagram"></i>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<a href="https://x.com/MetatroncubeDA" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i className="fa-brands fa-twitter"></i>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<a href="https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i className="fa-brands fa-linkedin-in"></i>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<a href="https://www.youtube.com/@metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i className="fa-brands fa-youtube"></i>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||||
|
<div className="footer-widget-2 pl-50">
|
||||||
|
<h4 className="mb-20 footer-title">Quick Links</h4>
|
||||||
|
<ul className="service-list">
|
||||||
|
<li><Link href="/">Home</Link></li>
|
||||||
|
<li><Link href="/about-us">About</Link></li>
|
||||||
|
<li><Link href="/careers">Careers</Link></li>
|
||||||
|
<li><Link href="/portfolio">Portfolio</Link></li>
|
||||||
|
<li><Link href="/faq">Faq</Link></li>
|
||||||
|
<li><Link href="/blog">Blog</Link></li>
|
||||||
|
<li><Link href="/contact">Contact</Link></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||||
|
<div className="footer-widget-2">
|
||||||
|
<h4 className="mb-20 footer-title">Our Services</h4>
|
||||||
|
<ul className="service-list">
|
||||||
|
<li><Link href="/services-digital-solutions/web-development">Website Development</Link></li>
|
||||||
|
<li><Link href="/services-digital-solutions/mobile-application-development">Mobile Application Development</Link></li>
|
||||||
|
<li><Link href="/services-digital-solutions/graphic-designing-company">Graphic Designing</Link></li>
|
||||||
|
<li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX Designing</Link></li>
|
||||||
|
<li><Link href="/services-digital-solutions/search-engine-optimization-seo-content-writing">SEO & Content Writing</Link></li>
|
||||||
|
<li><Link href="/services-digital-solutions/digital-marketing-agency-in-canada">Digital Marketing</Link></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||||
|
<div className="footer-widget-4 pr-30">
|
||||||
|
<h4 className="mb-20 footer-title">Newsletter</h4>
|
||||||
|
<p>Subscribe our newsletter to get our latest update & news</p>
|
||||||
|
<div className="footer-subscribe">
|
||||||
|
{status.show && (
|
||||||
|
<div className={`alert alert-${status.type === 'danger' ? 'danger' : 'success'} mb-3`} style={{ fontSize: '14px', padding: '10px' }}>
|
||||||
|
{status.message}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
<form onSubmit={handleSubmit}>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
name="email"
|
||||||
|
placeholder="Your email address"
|
||||||
|
required
|
||||||
|
suppressHydrationWarning={true}
|
||||||
|
value={email}
|
||||||
|
onChange={(e) => setEmail(e.target.value)}
|
||||||
|
/>
|
||||||
|
<button type="submit" className="primary-btn-1" style={{ backgroundPosition: 'left center' }} suppressHydrationWarning={true}>
|
||||||
|
SUBSCRIBE NOW
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div className="small-container">
|
<div className="small-container">
|
||||||
<div className="row g-4">
|
<div className="footer-bottom pt-30 pb-30">
|
||||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
<div className="left-area">
|
||||||
<div className="footer-widget-1">
|
<span>Copyright {new Date().getFullYear()} © by{" "}
|
||||||
<figure className="image">
|
Metatroncube Software Solutions.
|
||||||
<img src="/assets/img-app/logo.webp" alt="footer logo" />
|
All Rights Reserved.
|
||||||
</figure>
|
</span>
|
||||||
<p className="mt-40 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
|
|
||||||
<div className="footer-socials">
|
|
||||||
<span>
|
|
||||||
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
|
|
||||||
<i className="fa-brands fa-facebook-f"></i>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span>
|
|
||||||
<a href="https://www.instagram.com/metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
|
||||||
<i className="fa-brands fa-instagram"></i>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span>
|
|
||||||
<a href="https://x.com/MetatroncubeDA" target="_blank" rel="noopener noreferrer">
|
|
||||||
<i className="fa-brands fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span>
|
|
||||||
<a href="https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all" target="_blank" rel="noopener noreferrer">
|
|
||||||
<i className="fa-brands fa-linkedin-in"></i>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span>
|
|
||||||
<a href="https://www.youtube.com/@metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
|
||||||
<i className="fa-brands fa-youtube"></i>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
<div className="right-area">
|
||||||
<div className="footer-widget-2 pl-50">
|
<span><Link href="/accessibility-statement-for-metatroncube-software-solutions">Accessibility Statement</Link></span>
|
||||||
<h4 className="mb-20 footer-title">Quick Links</h4>
|
<span style={{ margin: '0 8px' }}>/</span>
|
||||||
<ul className="service-list">
|
<span><Link href="/privacy-policy">Privacy Policy</Link></span>
|
||||||
<li><Link href="/">Home</Link></li>
|
|
||||||
<li><Link href="/about-us">About</Link></li>
|
|
||||||
<li><Link href="/careers">Careers</Link></li>
|
|
||||||
<li><Link href="/portfolio">Portfolio</Link></li>
|
|
||||||
<li><Link href="/faq">Faq</Link></li>
|
|
||||||
<li><Link href="/blog">Blog</Link></li>
|
|
||||||
<li><Link href="/contact">Contact</Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
|
||||||
<div className="footer-widget-2">
|
|
||||||
<h4 className="mb-20 footer-title">Our Services</h4>
|
|
||||||
<ul className="service-list">
|
|
||||||
<li><Link href="/services-digital-solutions/web-development">Website Development</Link></li>
|
|
||||||
<li><Link href="/services-digital-solutions/mobile-application-development">Mobile Application Development</Link></li>
|
|
||||||
<li><Link href="/services-digital-solutions/graphic-designing-company">Graphic Designing</Link></li>
|
|
||||||
<li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX Designing</Link></li>
|
|
||||||
<li><Link href="/services-digital-solutions/search-engine-optimization-seo-content-writing">SEO & Content Writing</Link></li>
|
|
||||||
<li><Link href="/services-digital-solutions/digital-marketing-agency-in-canada">Digital Marketing</Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
|
||||||
<div className="footer-widget-4 pr-30">
|
|
||||||
<h4 className="mb-20 footer-title">Newsletter</h4>
|
|
||||||
<p>Subscribe our newsletter to get our latest update & news</p>
|
|
||||||
<div className="footer-subscribe">
|
|
||||||
<form action="#">
|
|
||||||
<input type="email" name="email" placeholder="Your email address" required suppressHydrationWarning={true} />
|
|
||||||
<button type="submit" className="primary-btn-1 btn-hover" suppressHydrationWarning={true}>
|
|
||||||
SUBSCRIBE NOW
|
|
||||||
<span className="btn-hover-span"></span>
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="small-container">
|
</footer>
|
||||||
<div className="footer-bottom pt-30 pb-30">
|
);
|
||||||
<div className="left-area">
|
};
|
||||||
<span>Copyright {new Date().getFullYear()} © by{" "}
|
|
||||||
Metatroncube Software Solutions.
|
|
||||||
All Rights Reserved.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="right-area">
|
|
||||||
<span><Link href="/accessibility-statement-for-metatroncube-software-solutions">Accessibility Statement</Link></span>
|
|
||||||
<span><Link href="/privacy-policy">Privacy Policy</Link></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
);
|
|
||||||
|
|
||||||
export default Footer1;
|
export default Footer1;
|
||||||
|
|||||||
@ -207,7 +207,7 @@ const Testimonial = () => {
|
|||||||
<div className="mt-50 text-center text-lg-start" style={{ paddingLeft: '20px' }}>
|
<div className="mt-50 text-center text-lg-start" style={{ paddingLeft: '20px' }}>
|
||||||
<GsapReveal y={20} delay={0.5}>
|
<GsapReveal y={20} delay={0.5}>
|
||||||
<Link
|
<Link
|
||||||
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
|
href="https://www.google.com/maps/place/Metatroncube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d43.4510036!4d-80.5909483!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI2MDMwMi4wIKXMDSoASAFQAw%3D%3D"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="vl-btn2"
|
className="vl-btn2"
|
||||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
||||||
|
|||||||
@ -80,41 +80,43 @@ const ServiceDetails: React.FC<ServiceDetailsProps> = ({ service }) => {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{service.faq && service.faq.length > 0 && (
|
|
||||||
<div className="service-details__faq-wrapper mt-40">
|
|
||||||
<div className="sec-title mb-40">
|
|
||||||
<div className="sec-title__shape"></div>
|
|
||||||
<h6 className="sec-title__tagline">Service FAQ</h6>
|
|
||||||
<h3 className="sec-title__title" style={{ fontSize: '34px' }}>Frequently Asked Questions</h3>
|
|
||||||
</div>
|
|
||||||
<div className="faq-one__accordion pelocis-accrodion">
|
|
||||||
{service.faq.map((item, index) => (
|
|
||||||
<div key={index} className={`accrodion ${activeIndex === index ? 'active' : ''}`}>
|
|
||||||
<div className="accrodion-title" onClick={() => toggleAccordion(index)}>
|
|
||||||
<div className="accrodion-title__shape"></div>
|
|
||||||
<div className="accrodion-title__icon">
|
|
||||||
<i className="fa fa-check"></i>
|
|
||||||
</div>
|
|
||||||
<h4 style={{ fontSize: '24px' }}>
|
|
||||||
{item.question}
|
|
||||||
<i className="icon-right-arrow-white"></i>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div className="accrodion-content" style={{ display: activeIndex === index ? 'block' : 'none' }}>
|
|
||||||
<div className="inner">
|
|
||||||
<p style={{ fontSize: '18px', color: '#444', lineHeight: '1.8' }} dangerouslySetInnerHTML={{ __html: item.answer }} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Full-width FAQ section */}
|
||||||
|
{service.faq && service.faq.length > 0 && (
|
||||||
|
<div className="service-details__faq-wrapper mt-40">
|
||||||
|
<div className="sec-title mb-40">
|
||||||
|
<div className="sec-title__shape"></div>
|
||||||
|
<h6 className="sec-title__tagline">Service FAQ</h6>
|
||||||
|
<h3 className="sec-title__title" style={{ fontSize: '34px' }}>Frequently Asked Questions</h3>
|
||||||
|
</div>
|
||||||
|
<div className="faq-one__accordion pelocis-accrodion">
|
||||||
|
{service.faq.map((item, index) => (
|
||||||
|
<div key={index} className={`accrodion ${activeIndex === index ? 'active' : ''}`}>
|
||||||
|
<div className="accrodion-title" onClick={() => toggleAccordion(index)}>
|
||||||
|
<div className="accrodion-title__shape"></div>
|
||||||
|
<div className="accrodion-title__icon">
|
||||||
|
<i className="fa fa-check"></i>
|
||||||
|
</div>
|
||||||
|
<h4 style={{ fontSize: '24px' }}>
|
||||||
|
{item.question}
|
||||||
|
<i className="icon-right-arrow-white"></i>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div className="accrodion-content" style={{ display: activeIndex === index ? 'block' : 'none' }}>
|
||||||
|
<div className="inner">
|
||||||
|
<p style={{ fontSize: '18px', color: '#444', lineHeight: '1.8' }} dangerouslySetInnerHTML={{ __html: item.answer }} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -206,7 +206,7 @@ const Testimonial = () => {
|
|||||||
<div className="mt-50 text-center text-lg-start" style={{ paddingLeft: '20px' }}>
|
<div className="mt-50 text-center text-lg-start" style={{ paddingLeft: '20px' }}>
|
||||||
<GsapReveal y={20} delay={0.5}>
|
<GsapReveal y={20} delay={0.5}>
|
||||||
<Link
|
<Link
|
||||||
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
|
href="https://www.google.com/maps/place/Metatroncube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d43.4510036!4d-80.5909483!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI2MDMwMi4wIKXMDSoASAFQAw%3D%3D"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="vl-btn2"
|
className="vl-btn2"
|
||||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
||||||
|
|||||||
@ -1082,7 +1082,7 @@ Robust Security</li>
|
|||||||
<div class="service-card__hover" style="background-image: url(/assets/images/services/details/left-ui.webp);"></div>
|
<div class="service-card__hover" style="background-image: url(/assets/images/services/details/left-ui.webp);"></div>
|
||||||
<div class="service-card__shape"></div>
|
<div class="service-card__shape"></div>
|
||||||
<div class="service-card__icon">
|
<div class="service-card__icon">
|
||||||
<i class="fa-solid fa-chart-simple"></i>
|
<i class="fa-solid fa-lightbulb"></i>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="service-card__title">Web Consultant</h2>
|
<h2 class="service-card__title">Web Consultant</h2>
|
||||||
<p class="service-card__text">
|
<p class="service-card__text">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user