479 lines
14 KiB
HTML
479 lines
14 KiB
HTML
<html data-vvvebjs-editor><head><base src="../"><link href="../css/style.bundle.css" rel="stylesheet"><link href="../css/screenshots.css" rel="stylesheet"><style>[data-reveal] {
|
||
opacity: 1;
|
||
transform: translate(0);
|
||
}</style><link href="../css/screenshots.css" rel="stylesheet"></head><body><section title="Blog" class="blog-section">
|
||
<div class="container" id="blog" data-v-limit="3" data-v-component-posts="">
|
||
|
||
<p class="section-subtitle">Latest News</p>
|
||
|
||
<h2 class="h2 section-title">Our latest articles & resources</h2>
|
||
|
||
<ul class="blog-list" data-v-posts="">
|
||
|
||
<li data-v-post="">
|
||
<div class="blog-card">
|
||
|
||
<figure class="blog-banner">
|
||
<a href="#">
|
||
<img src="images/blog-1.jpg" alt="How is technology working with new things?" loading="lazy" class="w-100" data-v-post-image="">
|
||
</a>
|
||
</figure>
|
||
|
||
<div class="blog-content">
|
||
|
||
<ul class="blog-meta-list">
|
||
|
||
<li class="blog-meta-item">
|
||
<ion-icon name="pricetag-outline"></ion-icon>
|
||
|
||
<a href="/blog" class="blog-meta-link">Technology</a>
|
||
</li>
|
||
|
||
<li class="blog-meta-item">
|
||
<ion-icon name="calendar-number-outline"></ion-icon>
|
||
|
||
<time class="blog-meta-time" datetime="2022-02-25" data-v-post-updated_at="" data-filter-friendly_date="">25 Feb, 2022</time>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<h3 class="h3 blog-title">
|
||
<a href="/blog" data-v-post-url="">
|
||
<span data-v-post-name>How is technology working with new things?</span>
|
||
</a>
|
||
</h3>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
<li data-v-post="">
|
||
<div class="blog-card">
|
||
|
||
<figure class="blog-banner">
|
||
<a href="#">
|
||
<img src="images/blog-2.jpg" alt="Top 10 important tips on IT services & design" loading="lazy" class="w-100" data-v-post-image="">
|
||
</a>
|
||
</figure>
|
||
|
||
<div class="blog-content">
|
||
|
||
<ul class="blog-meta-list">
|
||
|
||
<li class="blog-meta-item">
|
||
<ion-icon name="pricetag-outline"></ion-icon>
|
||
|
||
<a href="#" class="blog-meta-link">Design</a>
|
||
</li>
|
||
|
||
<li class="blog-meta-item">
|
||
<ion-icon name="calendar-number-outline"></ion-icon>
|
||
|
||
<time class="blog-meta-time" datetime="2022-02-25" data-v-post-updated_at="" data-filter-friendly_date="">25 Feb, 2022</time>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<h3 class="h3 blog-title">
|
||
<a href="/page/services" data-v-post-url="">Top 10 important tips on IT services & design</a>
|
||
</h3>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
<li data-v-post="">
|
||
<div class="blog-card">
|
||
|
||
<figure class="blog-banner">
|
||
<a href="#">
|
||
<img src="images/blog-3.jpg" alt="How our company works in different ways" loading="lazy" class="w-100" data-v-post-image="">
|
||
</a>
|
||
</figure>
|
||
|
||
<div class="blog-content">
|
||
|
||
<ul class="blog-meta-list">
|
||
|
||
<li class="blog-meta-item">
|
||
<ion-icon name="pricetag-outline"></ion-icon>
|
||
|
||
<a href="#" class="blog-meta-link">Startup</a>
|
||
</li>
|
||
|
||
<li class="blog-meta-item">
|
||
<ion-icon name="calendar-number-outline"></ion-icon>
|
||
|
||
<time class="blog-meta-time" datetime="2022-02-25" data-v-post-updated_at="" data-filter-friendly_date="">25 Feb, 2022</time>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<h3 class="h3 blog-title">
|
||
<a href="/shop" data-v-post-url="">How our company works in different ways</a>
|
||
</h3>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</section><section title="Features" class="features" id="features">
|
||
<div class="container">
|
||
|
||
<p class="section-subtitle">How Can Help You</p>
|
||
|
||
<h2 class="h2 section-title">We’re helping teams do their best work</h2>
|
||
|
||
<ul class="features-list">
|
||
|
||
<li>
|
||
<div class="features-card">
|
||
|
||
<div class="card-icon">
|
||
<img src="images/features-icon-1.png" alt="Illustration icon">
|
||
</div>
|
||
|
||
<h3 class="h3 card-title">Zero Configuration</h3>
|
||
|
||
<p class="card-text">
|
||
Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Sed est non feugiat sagittis.
|
||
</p>
|
||
|
||
<a href="#" class="card-link">
|
||
<span>Learn More</span>
|
||
|
||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||
</a>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<div class="features-card">
|
||
|
||
<div class="card-icon">
|
||
<img src="images/features-icon-2.png" alt="Illustration icon">
|
||
</div>
|
||
|
||
<h3 class="h3 card-title">Code Security</h3>
|
||
|
||
<p class="card-text">
|
||
Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Sed est non feugiat sagittis.
|
||
</p>
|
||
|
||
<a href="#" class="card-link">
|
||
<span>Learn More</span>
|
||
|
||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||
</a>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<div class="features-card">
|
||
|
||
<div class="card-icon">
|
||
<img src="images/features-icon-3.png" alt="Illustration icon">
|
||
</div>
|
||
|
||
<h3 class="h3 card-title">Team Management</h3>
|
||
|
||
<p class="card-text">
|
||
Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Sed est non feugiat sagittis.
|
||
</p>
|
||
|
||
<a href="#" class="card-link">
|
||
<span>Learn More</span>
|
||
|
||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||
</a>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<div class="features-card">
|
||
|
||
<div class="card-icon">
|
||
<img src="images/features-icon-4.png" alt="Illustration icon">
|
||
</div>
|
||
|
||
<h3 class="h3 card-title">Access Controlled</h3>
|
||
|
||
<p class="card-text">
|
||
Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Sed est non feugiat sagittis.
|
||
</p>
|
||
|
||
<a href="#" class="card-link">
|
||
<span>Learn More</span>
|
||
|
||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||
</a>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</section><section title="Home" class="hero" id="home">
|
||
|
||
<img src="images/shape1.png" alt="Illustration art" class="shape shape-1">
|
||
<img src="images/shape2.png" alt="Illustration art" class="shape shape-2">
|
||
<img src="images/shape3.png" alt="Illustration art" class="shape shape-3">
|
||
|
||
<div class="container">
|
||
|
||
<figure class="hero-banner">
|
||
<img src="images/hero-banner.png" alt="Illustration art" loading="lazy" class="w-100">
|
||
</figure>
|
||
|
||
<div class="hero-content">
|
||
|
||
<h2 class="h1 hero-title">Secure IT solutions for a more secure environment</h2>
|
||
|
||
<p class="section-text">
|
||
Velit hendrerit sit auctor tempor sem. Congue mi tempor condimentum felis arcu, non cursus. Nulla pharetra
|
||
porttitor sed
|
||
platea arcu et leo odio.
|
||
</p>
|
||
|
||
<button class="btn btn-primary">
|
||
<span>Get Started Now</span>
|
||
|
||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||
</button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><section title="Newsletter" class="newsletter" id="newsletter">
|
||
<div class="container">
|
||
|
||
<figure class="newsletter-banner">
|
||
<img src="images/newsletter.png" alt="Illustration art" loading="lazy" class="w-100">
|
||
</figure>
|
||
|
||
<div class="newsletter-content" data-v-component-plugin-contact-form-form="contact-1" data-v-storage="database" data-v-name="contact-1">
|
||
|
||
<p class="section-subtitle">Subscribe Our Newsletter</p>
|
||
|
||
<h2 class="h2 section-title">The latest resources, sent to your inbox weekly</h2>
|
||
|
||
<form action="" method="post" data-v-vvveb-action="submit" data-selector="[data-v-component-plugin-contact-form-form]" data-v-vvveb-on="submit">
|
||
<div>
|
||
<div class="notifications" data-v-notifications>
|
||
|
||
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error data-v-type="contact-1">
|
||
|
||
<div class="icon align-middle me-2">
|
||
<i class="align-middle la la-2x lh-1 la-exclamation-triangle"></i>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 align-self-center text-small">
|
||
<div>
|
||
<div data-v-notification-text>
|
||
This is a placeholder for a notification message.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
|
||
<span aria-hidden="true">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success data-v-type="contact-1">
|
||
|
||
<div class="icon align-middle me-2">
|
||
<i class="align-middle la la-2x lh-1 la-check-circle"></i>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 align-self-center align-middle" data-v-notification-text>
|
||
This is a placeholder for a success message.
|
||
</div>
|
||
|
||
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
|
||
<span aria-hidden="true">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info data-v-type="contact-1">
|
||
|
||
<div class="icon align-middle me-2">
|
||
<i class="align-middle la la-2x lh-1 la-info-circle"></i>
|
||
</div>
|
||
|
||
<div class="flex-grow-1 align-self-center" data-v-notification-text>
|
||
This is a placeholder for a info message.
|
||
</div>
|
||
|
||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
|
||
<span aria-hidden="true">
|
||
<!-- <i class="la la-times"></i> -->
|
||
</span>
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
<div>
|
||
|
||
<input type="hidden" class="form-control" placeholder="First name" name="form-name" value="contact-1">
|
||
|
||
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
|
||
|
||
<input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf="" value="UZCECiqlitFDmSRR">
|
||
|
||
<!-- if these hidden inputs are filled then ignore, robots -->
|
||
|
||
<input type="text" class="form-control d-none" placeholder="Subject" name="contact-form">
|
||
|
||
<input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">
|
||
|
||
<input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">
|
||
</div>
|
||
</div>
|
||
<div class="newsletter-form">
|
||
<input type="email" name="email" required placeholder="Enter your email address" class="input-field">
|
||
|
||
<button type="submit" class="btn btn-primary">
|
||
<span>Subscribe Now</span>
|
||
|
||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section><section title="Service" class="service" id="service">
|
||
<div class="container">
|
||
|
||
<figure class="service-banner">
|
||
<img src="images/service-1.png" alt="Illustration art" loading="lazy" class="w-100">
|
||
</figure>
|
||
|
||
<div class="service-content">
|
||
|
||
<p class="section-subtitle">Services We Offer</p>
|
||
|
||
<h2 class="h2 section-title">We are here, to help your startup business</h2>
|
||
|
||
<ul class="service-list">
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">Cloud Databases</h3>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">Website Hosting</h3>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">Remote Desktop</h3>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">File Backup</h3>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<figure class="service-banner">
|
||
<img src="images/service-2.png" alt="Illustration art" loading="lazy" class="w-100">
|
||
</figure>
|
||
|
||
<div class="service-content">
|
||
|
||
<p class="section-subtitle">Our Services</p>
|
||
|
||
<h2 class="h2 section-title">Best IT & technology service in your area</h2>
|
||
|
||
<ul class="service-list">
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">Design & Development</h3>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">Android Apps Development</h3>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">Laravel Web Development</h3>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-item-icon">
|
||
<ion-icon name="checkmark-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3 service-item-title">React Web Development</h3>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section></body></html> |