Skip to content

GitLab

Commit 36bc5ff3 authored by narendra's avatar narendra
Browse files

updated code

parent 4604b1a8
master
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 2052 additions and 389 deletions
+2052 -389
public/assets/css/main.css
View file @ 36bc5ff3
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
/* Colors */ /* Colors */
:root { :root {
--color-default: #2b180d; --color-default: #2b180d;
--color-primary: #56b8e6; --color-primary: #013E7B;
--color-secondary: #1b2f45; --color-secondary: #1b2f45;
} }
......
src/App.css
View file @ 36bc5ff3
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
} }
.App-link { .App-link {
color: #61dafb; color: #013E7B;
} }
@keyframes App-logo-spin { @keyframes App-logo-spin {
......
src/App.js
View file @ 36bc5ff3
...@@ -8,6 +8,12 @@ import Portfolio from "./Screens/portfolio"; ...@@ -8,6 +8,12 @@ import Portfolio from "./Screens/portfolio";
import Team from "./Screens/team"; import Team from "./Screens/team";
import Blog from "./Screens/blog"; import Blog from "./Screens/blog";
import Contact from "./Screens/contact"; import Contact from "./Screens/contact";
import Solutions from "./Screens/solutions.";
import Migrations from "./Screens/Solutions/migrations";
import Cloud from "./Screens/Solutions/cloud";
import Business from "./Screens/Solutions/business";
import Automation from "./Screens/Solutions/automation";
import Analytics from "./Screens/Solutions/analytics";
export default function App() { export default function App() {
return ( return (
...@@ -30,6 +36,12 @@ export default function App() { ...@@ -30,6 +36,12 @@ export default function App() {
<Route path="/" element={<Home />} /> <Route path="/" element={<Home />} />
<Route path="/about" element={<About />} /> <Route path="/about" element={<About />} />
<Route path="/services" element={<Services />} /> <Route path="/services" element={<Services />} />
<Route path="/solutions" element={<Solutions />} />
<Route path="/migrations" element={<Migrations />} />
<Route path="/analytics" element={<Analytics />} />
<Route path="/automation" element={<Automation />} />
<Route path="/business" element={<Business />} />
<Route path="/cloud" element={<Cloud />} />
<Route path="/insights" element={<Portfolio />} /> <Route path="/insights" element={<Portfolio />} />
<Route path="/partners" element={<Team />} /> <Route path="/partners" element={<Team />} />
<Route path="/careers" element={<Blog />} /> <Route path="/careers" element={<Blog />} />
......
src/Components/TopNav.js
View file @ 36bc5ff3
/* eslint-disable jsx-a11y/anchor-is-valid */
import React from 'react' import React from 'react'
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
...@@ -22,7 +23,13 @@ export default function TopNav() { ...@@ -22,7 +23,13 @@ export default function TopNav() {
<Link to="/about" style={{ color: '#013E7B' }}>Who We are</Link> <Link to="/about" style={{ color: '#013E7B' }}>Who We are</Link>
</li> </li>
<li> <li>
<Link to="/services" style={{ color: '#013E7B' }}>What We Do</Link>
</li>
<li className="dropdown"><a href="#" style={{ color: '#013E7B' }}><span>What We Do</span> <i className="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li> <Link to="/solutions" >Our Solutions</Link></li>
<li> <Link to="/services" >Our Services</Link></li>
</ul>
</li> </li>
<li> <li>
<Link to="/insights" style={{ color: '#013E7B' }}>Insights</Link> <Link to="/insights" style={{ color: '#013E7B' }}>Insights</Link>
......
src/Screens/Solutions/analytics.js 0 → 100644
View file @ 36bc5ff3
import React from "react";
import Footer from "../../Components/Footer";
import TopNav from "../../Components/TopNav";
export default function Analytics() {
return (
<div>
<TopNav />
<main id="main">
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/services-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center">
<h2>What We Do</h2>
<ol>
<li><a href="/">Home</a></li>
<li><a href="/solutions">Solutions</a></li>
</ol>
</div>
</div>
{/* <section id="services-list" className="services-list">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-5">
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div className="icon flex-shrink-0"><i className="bi bi-briefcase" style={{ color: '#f57813' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Lorem Ipsum</a></h4>
<p className="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div className="icon flex-shrink-0"><i className="bi bi-card-checklist" style={{ color: '#15a04a' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Dolor Sitema</a></h4>
<p className="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div className="icon flex-shrink-0"><i className="bi bi-bar-chart" style={{ color: '#d90769' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Sed ut perspiciatis</a></h4>
<p className="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div className="icon flex-shrink-0"><i className="bi bi-binoculars" style={{ color: '#15bfbc' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Magni Dolores</a></h4>
<p className="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div className="icon flex-shrink-0"><i className="bi bi-brightness-high" style={{ color: '#f5cf13' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Nemo Enim</a></h4>
<p className="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
<div className="icon flex-shrink-0"><i className="bi bi-calendar4-week" style={{ color: '#1335f5' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Eiusmod Tempor</a></h4>
<p className="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> */}
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>BIG DATA, DATA OPERATIONS & ADVANCED ANALYTICS</h2>
</div>
<div className="row gy-4">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="100">
<div className="card-item">
<div className="row">
{/* <div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div>
</div> */}
<div className="col-xl-12 d-flex align-items-center">
<div className="card-body">
<p>
With all of the unstructured data scattered throughout the modern enterprise, it can be difficult to make any
sense of it. This can stifle the stability and growth of any company through the missed opportunities of a calculated
investment, cost savings, and the operational readiness required to be successful. Novisync<sup>&#174;</sup> specializes in
organizing infrastructure data like no other company, allowing for a seamless, centralized, and comprehensive
view into data center operations.<br />
<br />
<b>Convatix<sup>&#8482;</sup> | CVTX<sup>&#8482;</sup> | Converged Analytics<sup>&#8482;</sup> Engines</b><br />
Selecting the right Business Intelligence tools can be challenging, as the amount of data, quality of analytics
and its presentation changes rapidly. The modern, real-time enterprise requires not only Big Data capabilities,
but Wide Data analysis, from multiple disparate data pools. Converged Analytics&#8482;, or Convatix&#8482;, is the next
evolution in BI software. Built from 3 underlying technology stack engines, the CVTX&#8482; Quality Engine ensures
the most accurate reporting and monitoring available, gathered from multiple disparate data pools.
Get the edge you need by understanding all your consumer data, business and infrastructure, in one
complete solution.
<br /><br />
<a href="/contact">Learn More...</a>
</p>
</div>
</div>
</div>
</div>
</div>
{/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-2.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Possimus ut sed velit assumenda</h4>
<p>Sunt deserunt maiores voluptatem autem est rerum perferendis rerum blanditiis. Est laboriosam qui iste numquam laboriosam voluptatem architecto. Est laudantium sunt at quas aut hic. Eum dignissimos.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="300">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-3.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Error beatae dolor inventore aut</h4>
<p>Dicta porro nobis. Velit cum in. Nesciunt dignissimos enim molestiae facilis numquam quae quaerat ipsam omnis. Neque debitis ipsum at architecto officia laboriosam odit. Ut sunt temporibus nulla culpa.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-4.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Expedita voluptas ut ut nesciunt</h4>
<p>Aut est quidem doloremque voluptatem magnam quis excepturi vero quia. Eum eos doloremque architecto illo at beatae dolore. Fugiat suscipit et sint ratione dolores. Aut aliquid ea dolores libero nobis.</p>
</div>
</div>
</div>
</div>
</div> */}
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Testimonials</h2>
</div>
<div className="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" className="testimonial-img" alt="" />
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" className="testimonial-img" alt="" />
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" className="testimonial-img" alt="" />
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" className="testimonial-img" alt="" />
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" className="testimonial-img" alt="" />
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</div>
<div className="swiper-pagination"></div>
</div>
</div>
</section> */}
</main>
<Footer />
</div>
)
}
\ No newline at end of file
src/Screens/Solutions/automation.js 0 → 100644
View file @ 36bc5ff3
import React from "react";
import Footer from "../../Components/Footer";
import TopNav from "../../Components/TopNav";
export default function Automation() {
return (
<div>
<TopNav />
<main id="main">
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/services-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center">
<h2>What We Do</h2>
<ol>
<li><a href="/">Home</a></li>
<li><a href="/solutions">Solutions</a></li>
</ol>
</div>
</div>
{/* <section id="services-list" className="services-list">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-5">
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div className="icon flex-shrink-0"><i className="bi bi-briefcase" style={{ color: '#f57813' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Lorem Ipsum</a></h4>
<p className="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div className="icon flex-shrink-0"><i className="bi bi-card-checklist" style={{ color: '#15a04a' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Dolor Sitema</a></h4>
<p className="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div className="icon flex-shrink-0"><i className="bi bi-bar-chart" style={{ color: '#d90769' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Sed ut perspiciatis</a></h4>
<p className="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div className="icon flex-shrink-0"><i className="bi bi-binoculars" style={{ color: '#15bfbc' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Magni Dolores</a></h4>
<p className="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div className="icon flex-shrink-0"><i className="bi bi-brightness-high" style={{ color: '#f5cf13' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Nemo Enim</a></h4>
<p className="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
<div className="icon flex-shrink-0"><i className="bi bi-calendar4-week" style={{ color: '#1335f5' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Eiusmod Tempor</a></h4>
<p className="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> */}
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>AUTOMATION, ORCHESTRATION & CODE DEVELOPMENT</h2>
</div>
<div className="row gy-4">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="100">
<div className="card-item">
<div className="row">
{/* <div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div>
</div> */}
<div className="col-xl-12 d-flex align-items-center">
<div className="card-body">
<p>Need an extra resource to write and validate REST API Integrations?<br />Do your automation scripts require a JavaScript to Python
conversion?<br /><br /></p>
<p>Novisync<sup>&reg;</sup> code development resources are primed and ready to address all of your automation needs using multiple disciplines
of Agile or Waterfall development, phased implementations, and the latest repository integrations. We avoid abstracting the complexity
of unnecessary layers by using 'simplification with standardization' as our mandate.</p>
<p>Customized integrations, automation scripts, and orchestration coding that promote datacenter<br />
REST API &amp; SOAP Frameworks<br />Command Line Interfaces &amp; Shells (CMD, Bash, PowerShell, PowerCLI, etc.)<br />
Scripting Languages (JavaScript, Ruby, Python, Perl, VBScript, etc.)</p>
<p><a href="/contact">Learn More...</a></p>
</div>
</div>
</div>
</div>
</div>
{/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-2.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Possimus ut sed velit assumenda</h4>
<p>Sunt deserunt maiores voluptatem autem est rerum perferendis rerum blanditiis. Est laboriosam qui iste numquam laboriosam voluptatem architecto. Est laudantium sunt at quas aut hic. Eum dignissimos.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="300">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-3.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Error beatae dolor inventore aut</h4>
<p>Dicta porro nobis. Velit cum in. Nesciunt dignissimos enim molestiae facilis numquam quae quaerat ipsam omnis. Neque debitis ipsum at architecto officia laboriosam odit. Ut sunt temporibus nulla culpa.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-4.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Expedita voluptas ut ut nesciunt</h4>
<p>Aut est quidem doloremque voluptatem magnam quis excepturi vero quia. Eum eos doloremque architecto illo at beatae dolore. Fugiat suscipit et sint ratione dolores. Aut aliquid ea dolores libero nobis.</p>
</div>
</div>
</div>
</div>
</div> */}
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Testimonials</h2>
</div>
<div className="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" className="testimonial-img" alt="" />
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" className="testimonial-img" alt="" />
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" className="testimonial-img" alt="" />
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" className="testimonial-img" alt="" />
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" className="testimonial-img" alt="" />
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</div>
<div className="swiper-pagination"></div>
</div>
</div>
</section> */}
</main>
<Footer />
</div>
)
}
\ No newline at end of file
src/Screens/Solutions/business.js 0 → 100644
View file @ 36bc5ff3
import React from "react";
import Footer from "../../Components/Footer";
import TopNav from "../../Components/TopNav";
export default function Business() {
return (
<div>
<TopNav />
<main id="main">
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/services-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center">
<h2>What We Do</h2>
<ol>
<li><a href="/">Home</a></li>
<li><a href="/solutions">Solutions</a></li>
</ol>
</div>
</div>
{/* <section id="services-list" className="services-list">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-5">
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div className="icon flex-shrink-0"><i className="bi bi-briefcase" style={{ color: '#f57813' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Lorem Ipsum</a></h4>
<p className="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div className="icon flex-shrink-0"><i className="bi bi-card-checklist" style={{ color: '#15a04a' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Dolor Sitema</a></h4>
<p className="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div className="icon flex-shrink-0"><i className="bi bi-bar-chart" style={{ color: '#d90769' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Sed ut perspiciatis</a></h4>
<p className="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div className="icon flex-shrink-0"><i className="bi bi-binoculars" style={{ color: '#15bfbc' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Magni Dolores</a></h4>
<p className="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div className="icon flex-shrink-0"><i className="bi bi-brightness-high" style={{ color: '#f5cf13' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Nemo Enim</a></h4>
<p className="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
<div className="icon flex-shrink-0"><i className="bi bi-calendar4-week" style={{ color: '#1335f5' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Eiusmod Tempor</a></h4>
<p className="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> */}
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>BUSINESS DEVELOPMENT & ENTERPRISE MANAGEMENT</h2>
</div>
<div className="row gy-4">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="100">
<div className="card-item">
<div className="row">
{/* <div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div>
</div> */}
<div className="col-xl-12 d-flex align-items-center">
<div className="card-body">
<p>While the speed of delivery and a quick time to market may be the driving force behind a revenue-generating IT software implementation,
Novisync<sup>&reg;</sup> understands the benefit of well-planned, cost-effective IT solutions that focus on achieving the perfect balance of
people, process, and technology. Our business consulting services target the specific gaps that plague the enterprise market,
changing a highly complex project into a smooth, pleasant experience. <br /><br /><br /><br /><a href="/contact">Learn More...</a></p>
</div>
</div>
</div>
</div>
</div>
{/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-2.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Possimus ut sed velit assumenda</h4>
<p>Sunt deserunt maiores voluptatem autem est rerum perferendis rerum blanditiis. Est laboriosam qui iste numquam laboriosam voluptatem architecto. Est laudantium sunt at quas aut hic. Eum dignissimos.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="300">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-3.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Error beatae dolor inventore aut</h4>
<p>Dicta porro nobis. Velit cum in. Nesciunt dignissimos enim molestiae facilis numquam quae quaerat ipsam omnis. Neque debitis ipsum at architecto officia laboriosam odit. Ut sunt temporibus nulla culpa.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-4.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Expedita voluptas ut ut nesciunt</h4>
<p>Aut est quidem doloremque voluptatem magnam quis excepturi vero quia. Eum eos doloremque architecto illo at beatae dolore. Fugiat suscipit et sint ratione dolores. Aut aliquid ea dolores libero nobis.</p>
</div>
</div>
</div>
</div>
</div> */}
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Testimonials</h2>
</div>
<div className="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" className="testimonial-img" alt="" />
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" className="testimonial-img" alt="" />
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" className="testimonial-img" alt="" />
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" className="testimonial-img" alt="" />
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" className="testimonial-img" alt="" />
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</div>
<div className="swiper-pagination"></div>
</div>
</div>
</section> */}
</main>
<Footer />
</div>
)
}
\ No newline at end of file
src/Screens/Solutions/cloud.js 0 → 100644
View file @ 36bc5ff3
import React from "react";
import Footer from "../../Components/Footer";
import TopNav from "../../Components/TopNav";
export default function Cloud() {
return (
<div>
<TopNav />
<main id="main">
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/services-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center">
<h2>What We Do</h2>
<ol>
<li><a href="/">Home</a></li>
<li><a href="/solutions">Solutions</a></li>
</ol>
</div>
</div>
{/* <section id="services-list" className="services-list">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-5">
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div className="icon flex-shrink-0"><i className="bi bi-briefcase" style={{ color: '#f57813' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Lorem Ipsum</a></h4>
<p className="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div className="icon flex-shrink-0"><i className="bi bi-card-checklist" style={{ color: '#15a04a' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Dolor Sitema</a></h4>
<p className="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div className="icon flex-shrink-0"><i className="bi bi-bar-chart" style={{ color: '#d90769' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Sed ut perspiciatis</a></h4>
<p className="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div className="icon flex-shrink-0"><i className="bi bi-binoculars" style={{ color: '#15bfbc' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Magni Dolores</a></h4>
<p className="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div className="icon flex-shrink-0"><i className="bi bi-brightness-high" style={{ color: '#f5cf13' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Nemo Enim</a></h4>
<p className="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
<div className="icon flex-shrink-0"><i className="bi bi-calendar4-week" style={{ color: '#1335f5' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Eiusmod Tempor</a></h4>
<p className="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> */}
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>CLOUD & DATACENTER SOLUTIONS</h2>
</div>
<div className="row gy-4">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="100">
<div className="card-item">
<div className="row">
{/* <div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div>
</div> */}
<div className="col-xl-12 d-flex align-items-center">
<div className="card-body">
<p>Our experts specialize in all of the core data center infrastructure technologies of a network, compute, and storage.
Physical hardware has been blended together by virtualization platforms, which in turn has created the role of
'Cloud Architect'. The Novisync<sup>&reg;</sup> Cloud Architect will successfully deliver the latest business case
expectations of the modern software-defined data center (SDDC), hyper-converged infrastructure (HCI),
and hybrid/multi-cloud models. <br /><br /><br /><br /><a href="/contact">Learn More...</a></p>
</div>
</div>
</div>
</div>
</div>
{/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-2.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Possimus ut sed velit assumenda</h4>
<p>Sunt deserunt maiores voluptatem autem est rerum perferendis rerum blanditiis. Est laboriosam qui iste numquam laboriosam voluptatem architecto. Est laudantium sunt at quas aut hic. Eum dignissimos.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="300">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-3.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Error beatae dolor inventore aut</h4>
<p>Dicta porro nobis. Velit cum in. Nesciunt dignissimos enim molestiae facilis numquam quae quaerat ipsam omnis. Neque debitis ipsum at architecto officia laboriosam odit. Ut sunt temporibus nulla culpa.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-4.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Expedita voluptas ut ut nesciunt</h4>
<p>Aut est quidem doloremque voluptatem magnam quis excepturi vero quia. Eum eos doloremque architecto illo at beatae dolore. Fugiat suscipit et sint ratione dolores. Aut aliquid ea dolores libero nobis.</p>
</div>
</div>
</div>
</div>
</div> */}
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Testimonials</h2>
</div>
<div className="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" className="testimonial-img" alt="" />
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" className="testimonial-img" alt="" />
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" className="testimonial-img" alt="" />
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" className="testimonial-img" alt="" />
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" className="testimonial-img" alt="" />
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</div>
<div className="swiper-pagination"></div>
</div>
</div>
</section> */}
</main>
<Footer />
</div>
)
}
\ No newline at end of file
src/Screens/Solutions/migrations.js 0 → 100644
View file @ 36bc5ff3
import React from "react";
import Footer from "../../Components/Footer";
import TopNav from "../../Components/TopNav";
export default function Migrations() {
return (
<div>
<TopNav />
<main id="main">
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/services-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center">
<h2>What We Do</h2>
<ol>
<li><a href="/">Home</a></li>
<li><a href="/solutions">Solutions</a></li>
</ol>
</div>
</div>
{/* <section id="services-list" className="services-list">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-5">
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div className="icon flex-shrink-0"><i className="bi bi-briefcase" style={{ color: '#f57813' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Lorem Ipsum</a></h4>
<p className="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div className="icon flex-shrink-0"><i className="bi bi-card-checklist" style={{ color: '#15a04a' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Dolor Sitema</a></h4>
<p className="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div className="icon flex-shrink-0"><i className="bi bi-bar-chart" style={{ color: '#d90769' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Sed ut perspiciatis</a></h4>
<p className="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div className="icon flex-shrink-0"><i className="bi bi-binoculars" style={{ color: '#15bfbc' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Magni Dolores</a></h4>
<p className="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div className="icon flex-shrink-0"><i className="bi bi-brightness-high" style={{ color: '#f5cf13' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Nemo Enim</a></h4>
<p className="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
<div className="icon flex-shrink-0"><i className="bi bi-calendar4-week" style={{ color: '#1335f5' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Eiusmod Tempor</a></h4>
<p className="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> */}
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>THE INDUSTRY LEADER IN DATACENTER MIGRATIONS</h2>
</div>
<div className="row gy-4">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="100">
<div className="card-item">
<div className="row">
{/* <div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div>
</div> */}
<div className="col-xl-12 d-flex align-items-center">
<div className="card-body">
<p>
Our consultants have performed tens of thousands of migrations for over a decade, as key contributors,
delivering some of the most complex migration projects in datacenter history. We have the best global talent
available, including US-based resources, with decades of combined experience delivering projects in some of the
world's biggest IT environments. The Novisync<sup>&#174;</sup> process has been tempered and
polished into the following services,
which are results-based (fixed fee), priced by workload count, and project duration.
<br /><br />
<b> P2V<sup>&#8480;</sup> | Physical to Virtual Migration Services</b><br />
Novisync<sup>&#174;</sup> specializes in decoupling Linux and Windows-based Operating Systems from physical hardware, converting them
Virtual Machines (VMs), while migrating them onto your preferred virtualization platform. Our staging, execution,
testing, and validation tools and processes are 2nd to none, with the highest rates in conversion quality and
availability.<br /><br />
<b>V2V<sup>&#8480;</sup> | Virtual to Virtual Migration Services</b><br />
Whether it's rack-to-rack, site-to-site, or cloud-to-cloud migrations of virtual workloads, Novisync<sup>&#174;</sup>
has mastered
all the industry tools to meet the project deadlines. Whether it's hot or cold migrations, we are laser-focused on
workload volume, conversion quality, and availability.
<br /><br />
<b>X2V<sup>&#8480;</sup> | Anything to Virtual Migration Services</b><br />
Adopting the new hybrid/multi-cloud model? <br />
Ready to consolidate data centers? <br />
Need a high-priority datacenter evacuation?<br />
<br />
Let us handle the operational requirements and technical delivery of your entire migration project with the complete
package, strategic and tactical execution, from start to finish, which includes:<br />
<i className="fa fa-caret-right"></i> Project Charters & Workplans<br />
<i className="fa fa-caret-right"></i> Risk Assessments w/ Action Items<br />
<i className="fa fa-caret-right"></i> Change Control Scheduling<br />
<i className="fa fa-caret-right"></i> Advanced Analytics w/Automated Project Tracking<br />
<i className="fa fa-caret-right"></i> Quality Assurance & Reporting Dashboards<br />
<br />
<b>V2C<sup>&#8480;</sup> | X2C<sup>&#8480;</sup> | Peregrinix<sup>&#8482;</sup> | Anything to Cloud Migration Services</b><br />
Datacenter-to-cloud or cloud-to-cloud migrations require a special touch. The Novisync<sup>&#174;</sup> delivery team
has decades of combined experience in multiple cloud
endpoints, having a deep understanding of the cloud API's allows for seamless integration of software.
That integration is a key ingredient for the execution
of a successful migration project into the cloud.
<br />
<br />
<b>VM2C<sup>&#8480;</sup> | Virtual Machine to Container Migration Services</b><br />
Ready to adopt the resource efficiency of containers but not sure where to start?<br /><br />
Novisync<sup>&#174;</sup> can get you started with a containerization strategy and implementation that includes
technical education and training, product selection, as well as conversion assistance for multiple virtualization and container tools.
Allow us to be your guide into the new era of containers through all phases of implementation
Proof-of-Concept (POC), Pilot, and Production.
<br /> <br />
<a href="/contact">Learn More...</a>
</p>
</div>
</div>
</div>
</div>
</div>
{/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-2.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Possimus ut sed velit assumenda</h4>
<p>Sunt deserunt maiores voluptatem autem est rerum perferendis rerum blanditiis. Est laboriosam qui iste numquam laboriosam voluptatem architecto. Est laudantium sunt at quas aut hic. Eum dignissimos.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="300">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-3.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Error beatae dolor inventore aut</h4>
<p>Dicta porro nobis. Velit cum in. Nesciunt dignissimos enim molestiae facilis numquam quae quaerat ipsam omnis. Neque debitis ipsum at architecto officia laboriosam odit. Ut sunt temporibus nulla culpa.</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div className="card-item">
<div className="row">
<div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-4.jpg')" }}></div>
</div>
<div className="col-xl-7 d-flex align-items-center">
<div className="card-body">
<h4 className="card-title">Expedita voluptas ut ut nesciunt</h4>
<p>Aut est quidem doloremque voluptatem magnam quis excepturi vero quia. Eum eos doloremque architecto illo at beatae dolore. Fugiat suscipit et sint ratione dolores. Aut aliquid ea dolores libero nobis.</p>
</div>
</div>
</div>
</div>
</div> */}
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Testimonials</h2>
</div>
<div className="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" className="testimonial-img" alt="" />
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" className="testimonial-img" alt="" />
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" className="testimonial-img" alt="" />
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" className="testimonial-img" alt="" />
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" className="testimonial-img" alt="" />
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</div>
<div className="swiper-pagination"></div>
</div>
</div>
</section> */}
</main>
<Footer />
</div>
)
}
\ No newline at end of file
src/Screens/about.js
View file @ 36bc5ff3
...@@ -13,7 +13,7 @@ export default function About() { ...@@ -13,7 +13,7 @@ export default function About() {
<h2>About</h2> <h2>About</h2>
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="/">Home</a></li>
<li>About</li> <li>About</li>
</ol> </ol>
......
src/Screens/blog.js
View file @ 36bc5ff3
...@@ -12,7 +12,7 @@ export default function Blog() { ...@@ -12,7 +12,7 @@ export default function Blog() {
<h2>Careers</h2> <h2>Careers</h2>
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="/">Home</a></li>
<li>Careers</li> <li>Careers</li>
</ol> </ol>
......
src/Screens/contact.js
View file @ 36bc5ff3
...@@ -11,10 +11,9 @@ export default function Contact() { ...@@ -11,10 +11,9 @@ export default function Contact() {
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/contact-header.jpg')" }}> <div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/contact-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center"> <div className="container position-relative d-flex flex-column align-items-center">
<h2>Contact</h2> <h2>Contact</h2>
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="/">Home</a></li>
<li>Contact</li> <li>Contact</li>
</ol> </ol>
...@@ -23,15 +22,14 @@ export default function Contact() { ...@@ -23,15 +22,14 @@ export default function Contact() {
<section id="contact" className="contact"> <section id="contact" className="contact">
<div className="container position-relative" data-aos="fade-up"> <div className="container position-relative" data-aos="fade-up">
<div className="row gy-2 d-flex">
<div className="row gy-4 d-flex justify-content-end"> <div className="col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div className="col-lg-5" data-aos="fade-up" data-aos-delay="100">
<div className="info-item d-flex"> <div className="info-item d-flex">
<i className="bi bi-geo-alt flex-shrink-0"></i> <i className="bi bi-geo-alt flex-shrink-0"></i>
<div> <div>
<h4>Location:</h4> <h4 style={{ color: '#013E7B' }}>USA</h4>
Novisync Inc<br /> Novisync Inc<br />
300 Westage Business Center Drive <br /> 300 Westage Business Center Drive <br />
Suite 400<br /> Suite 400<br />
...@@ -40,10 +38,65 @@ export default function Contact() { ...@@ -40,10 +38,65 @@ export default function Contact() {
</div> </div>
</div> </div>
</div>
<div className="col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div className="info-item d-flex"> <div className="info-item d-flex">
<i className="bi bi-envelope flex-shrink-0"></i> <i className="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h4 style={{ color: '#013E7B' }}>Canada</h4>
Novisync Canada Inc<br />
165 Simcoe CI SW <br />
Calgary, Alberta – T3J 5H2<br />
</div>
</div>
</div>
<div className="col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div className="info-item d-flex">
<i className="bi bi-geo-alt flex-shrink-0"></i>
<div> <div>
<h4>Email:</h4> <h4 style={{ color: '#013E7B' }}>India</h4>
Novisync Solutions India Pvt. Ltd.<br />
11-9-28, PLOT NO 62<br />
Daspalla Hills<br />
visakhapatnam,Andhra Pradesh<br />
530002 <br /><br />
</div>
</div>
</div>
<div className="col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div className="info-item d-flex">
<i className="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h4 style={{ color: '#013E7B' }}>South Africa</h4>
Novisync Solutions SA<br />
Birchwood Court<br />
43 Montrose St, Vorna Valley<br />
Johannesburg<br />
Gauteng, South Africa – 1686<br /><br />
</div>
</div>
</div>
</div>
<br />
<br />
<div className="row gy-4 d-flex justify-content-end">
<div className="col-lg-5" data-aos="fade-up" data-aos-delay="100">
<div className="info-item d-flex">
<i className="bi bi-envelope flex-shrink-0"></i>
<div >
<h4 style={{ color: '#013E7B' }}>Email:</h4>
<p>contact@novisync.com</p> <p>contact@novisync.com</p>
</div> </div>
</div> </div>
...@@ -51,7 +104,7 @@ export default function Contact() { ...@@ -51,7 +104,7 @@ export default function Contact() {
<div className="info-item d-flex"> <div className="info-item d-flex">
<i className="bi bi-phone flex-shrink-0"></i> <i className="bi bi-phone flex-shrink-0"></i>
<div> <div>
<h4>Call:</h4> <h4 style={{ color: '#013E7B' }}>Call:</h4>
<p>+1-833-668-4796</p> <p>+1-833-668-4796</p>
</div> </div>
</div> </div>
......
src/Screens/portfolio.js
View file @ 36bc5ff3
...@@ -11,7 +11,7 @@ export default function Portfolio() { ...@@ -11,7 +11,7 @@ export default function Portfolio() {
<h2>Insights</h2> <h2>Insights</h2>
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="/">Home</a></li>
<li>Insights</li> <li>Insights</li>
</ol> </ol>
......
src/Screens/services.js
View file @ 36bc5ff3
...@@ -14,8 +14,8 @@ export default function Services() { ...@@ -14,8 +14,8 @@ export default function Services() {
<h2>What We Do</h2> <h2>What We Do</h2>
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="/">Home</a></li>
<li>What We Do</li> <li>Services</li>
</ol> </ol>
</div> </div>
...@@ -81,380 +81,66 @@ export default function Services() { ...@@ -81,380 +81,66 @@ export default function Services() {
</div> </div>
</div> </div>
</section> */} </section> */}
<div className="row col-12">
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<section id="blog" className="blog">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Solutions</h2>
</div>
<div className="row g-5">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<div className="row gy-5 posts-list">
<div className="col-lg-12">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-1.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">THE INDUSTRY LEADER IN DATACENTER MIGRATIONS</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
Our consultants have performed tens of thousands of migrations for over a decade, as key contributors, delivering some of the most complex migration projects in datacenter history. We have the best global talent available, including US based resources, with decades of combined experience delivering projects in some of the world’s biggest IT environments. The Novisync® process has been tempered and polished into the following services, which are results based (fixed fee), priced by workload count and project duration.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-2.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">CLOUD & DATACENTER SOLUTIONS</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
Our experts specialize in all of the core datacenter infrastructure technologies of network, compute, and storage. Physical hardware has been blended together by virtualization platforms, which in turn has created the role of ‘Cloud Architect’. The Novisync® Cloud Architect will successfully deliver the latest business case expectations of the modern software defined datacenter (SDDC), hyper-converged infrastructure (HCI), and hybrid/multi-cloud models.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-3.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">AUTOMATION, ORCHESTRATION & CODE DEVELOPMENT</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
Novisync® code development resources are primed and ready to address all of your automation needs using multiple disciplines of Agile or Waterfall development, phased implementations, and the latest repository integrations. We avoid abstracting the complexity of unnecessary layers by using 'simplification with standardization' as our mandate.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-4.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">BUSINESS DEVELOPMENT & ENTERPRISE MANAGEMENT</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
While speed of delivery and a quick time to market may be the driving force behind a revenue generating IT software implementation, Novisync® understands the benefit of well-planned, cost effective IT solutions that focus on achieving the perfect balance of people, process, and technology. Our business consulting services target the specific gaps that plague the enterprise market, changing a highly complex project into a smooth, pleasant experience.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-5.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">BIG DATA, DATA OPERATIONS & ADVANCED ANALYTICS</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
With all of the unstructured data scattered throughout the modern enterprise, it can be difficult to make any sense of it. This can stifle the stability and growth of any company through the missed opportunities of a calculated investment, cost savings, and the operational readiness required to be successful. Novisync® specializes in organizing infrastructure data like no other company, allowing for a seamless, centralized, and comprehensive view into data center operations.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
{/* <div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-6.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">Distinctio provident quibusdam numquam aperiam aut</a>
</h2>
<div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div>
<div className="content">
<p>
Expedita et temporibus eligendi enim molestiae est architecto praesentium dolores. Illo laboriosam officiis quis. Labore officia quia sit voluptatem nisi est dignissimos totam. Et voluptate et consectetur voluptatem id dolor magni impedit. Omnis dolores sit.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div> */}
</div>
{/* <div className="blog-pagination">
<ul className="justify-content-center">
<li><a href="#">1</a></li>
<li className="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div> */}
</div>
{/* <div className="col-lg-4" data-aos="fade-up" data-aos-delay="400">
<div className="sidebar ps-lg-4">
<div className="sidebar-item search-form">
<h3 className="sidebar-title">Search</h3>
<form action="" className="mt-3">
<input type="text" />
<button type="submit"><i className="bi bi-search"></i></button>
</form>
</div>
<div className="sidebar-item categories">
<h3 className="sidebar-title">Categories</h3>
<ul className="mt-3">
<li><a href="#">General <span>(25)</span></a></li>
<li><a href="#">Lifestyle <span>(12)</span></a></li>
<li><a href="#">Travel <span>(5)</span></a></li>
<li><a href="#">Design <span>(22)</span></a></li>
<li><a href="#">Creative <span>(8)</span></a></li>
<li><a href="#">Educaion <span>(14)</span></a></li>
</ul>
</div>
<div className="sidebar-item recent-posts">
<h3 className="sidebar-title">Recent Posts</h3>
<div className="mt-3">
<div className="post-item mt-3">
<img src="assets/img/blog/blog-recent-1.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Nihil blanditiis at in nihil autem</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-2.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Quidem autem et impedit</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-3.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Id quia et et ut maxime similique occaecati ut</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-4.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Laborum corporis quo dara net para</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-5.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Et dolores corrupti quae illo quod dolor</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
</div>
</div>
<div className="sidebar-item tags">
<h3 className="sidebar-title">Tags</h3>
<ul className="mt-3">
<li><a href="#">App</a></li>
<li><a href="#">IT</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Mac</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Office</a></li>
<li><a href="#">Creative</a></li>
<li><a href="#">Studio</a></li>
<li><a href="#">Smart</a></li>
<li><a href="#">Tips</a></li>
<li><a href="#">Marketing</a></li>
</ul>
</div>
</div>
</div> */}
</div>
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div> </div>
</section> <div className="row gy-4">
</div>
<div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<section id="services-cards" className="services-cards">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-4">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="100"> <div className="col-lg-12" data-aos="fade-up" data-aos-delay="100">
<div className="card-item"> <div className="card-item">
<div className="row"> <div className="row">
{/* <div className="col-xl-5"> {/* <div className="col-xl-5">
<div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div> <div className="card-bg" style={{ backgroundImage: "url('assets/img/cards-1.jpg')" }}></div>
</div> */} </div> */}
<div className="col-xl-12 d-flex align-items-center"> <div className="col-xl-12 d-flex align-items-center">
<div className="card-body"> <div className="card-body">
<h4 className="card-title">Strategic Resourcing</h4> <h4 className="card-title">Strategic Resourcing</h4>
<p>Novisync works with our customers to find the right resources fast.</p> <p>Novisync works with our customers to find the right resources fast.</p>
<p>Our Strategic Resourcing division is made up of a team of our Resource Advisors, Recruiters, and Project Managers who work together to deliver the best customer experience possible.</p> <p>Our Strategic Resourcing division is made up of a team of our Resource Advisors, Recruiters, and Project Managers who work together to deliver the best customer experience possible.</p>
<p>We maintain a relationship with our customers from start to finish to ensure expectations are being met, and value is being delivered.</p> <p>We maintain a relationship with our customers from start to finish to ensure expectations are being met, and value is being delivered.</p>
<br /> <br />
<p><strong>Offerings: </strong></p> <p><strong>Offerings: </strong></p>
<br /> <br />
<ul style={{ listStyle: 'none' }}> <ul style={{ listStyle: 'none' }}>
<li><i className="bi bi-check-circle-fill"></i>{" "}Contracted Resources – Niche and Highly Skilled.</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Contracted Resources – Niche and Highly Skilled.</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Interim Hiring</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Interim Hiring</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Contract To Hire</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Contract To Hire</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Consulting / Training</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Consulting / Training</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Direct Hire / Headhunting</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Direct Hire / Headhunting</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Managed Services</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Managed Services</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Program and Team Buildouts</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Program and Team Buildouts</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Workforce Development</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Workforce Development</li>
<li><i className="bi bi-check-circle-fill"></i>{" "}Multi Consultant Objective Deliverables</li> <li><i className="bi bi-check-circle-fill"></i>{" "}Multi Consultant Objective Deliverables</li>
</ul> </ul>
<br /> <br />
<p><strong>Pre Engagement: </strong></p> <p><strong>Pre Engagement: </strong></p>
<p> <p>
Novisync conducts customer intake calls to fully understand our customers needs and culture of their business. By having a full understanding of the requirements and the work environment we can commit to finding the right resources fast. Novisync conducts customer intake calls to fully understand our customers needs and culture of their business. By having a full understanding of the requirements and the work environment we can commit to finding the right resources fast.
</p> </p>
<br /> <br />
<p>We conduct two interviews of every resource before presenting to our customers. We conduct a Cultural Fit and Technical Interview before summitting resources so we can deliver two resumes per role instead of twenty. Better qualified resources and faster turnaround help our customers save time and money. <p>We conduct two interviews of every resource before presenting to our customers. We conduct a Cultural Fit and Technical Interview before summitting resources so we can deliver two resumes per role instead of twenty. Better qualified resources and faster turnaround help our customers save time and money.
</p> </p>
<br /> <br />
<p><strong>Resource Selection: </strong></p> <p><strong>Resource Selection: </strong></p>
<p> <p>
Once a resource is selected and onboarded, they will be assigned to a project manager who will have regular contact with the resource and their manager throughout the entire engagement to ensure mutual customer and resource satisfaction. Once a resource is selected and onboarded, they will be assigned to a project manager who will have regular contact with the resource and their manager throughout the entire engagement to ensure mutual customer and resource satisfaction.
</p> </p>
<br /> <br />
<p> <p>
Everyone of our resources have access to Upskilling, Training, and Certification programs through industry leading training programs and partners Everyone of our resources have access to Upskilling, Training, and Certification programs through industry leading training programs and partners
</p> </p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200"> {/* <div className="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div className="card-item"> <div className="card-item">
<div className="row"> <div className="row">
<div className="col-xl-5"> <div className="col-xl-5">
...@@ -502,15 +188,11 @@ export default function Services() { ...@@ -502,15 +188,11 @@ export default function Services() {
</div> </div>
</div> */} </div> */}
</div>
</div> </div>
</section>
</div>
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials"> {/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up"> <div className="container" data-aos="fade-up">
......
src/Screens/solutions..js 0 → 100644
View file @ 36bc5ff3
import React from "react";
import Footer from "../Components/Footer";
import TopNav from "../Components/TopNav";
export default function Solutions() {
return (
<div>
<TopNav />
<main id="main">
<div className="breadcrumbs d-flex align-items-center" style={{ backgroundImage: "url('assets/img/services-header.jpg')" }}>
<div className="container position-relative d-flex flex-column align-items-center">
<h2>What We Do</h2>
<ol>
<li><a href="/">Home</a></li>
<li>Solutions</li>
</ol>
</div>
</div>
{/* <section id="services-list" className="services-list">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Services</h2>
</div>
<div className="row gy-5">
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div className="icon flex-shrink-0"><i className="bi bi-briefcase" style={{ color: '#f57813' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Lorem Ipsum</a></h4>
<p className="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div className="icon flex-shrink-0"><i className="bi bi-card-checklist" style={{ color: '#15a04a' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Dolor Sitema</a></h4>
<p className="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div className="icon flex-shrink-0"><i className="bi bi-bar-chart" style={{ color: '#d90769' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Sed ut perspiciatis</a></h4>
<p className="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div className="icon flex-shrink-0"><i className="bi bi-binoculars" style={{ color: '#15bfbc' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Magni Dolores</a></h4>
<p className="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div className="icon flex-shrink-0"><i className="bi bi-brightness-high" style={{ color: '#f5cf13' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Nemo Enim</a></h4>
<p className="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div className="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
<div className="icon flex-shrink-0"><i className="bi bi-calendar4-week" style={{ color: '#1335f5' }}></i></div>
<div>
<h4 className="title"><a href="#" className="stretched-link">Eiusmod Tempor</a></h4>
<p className="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> */}
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<section id="blog" className="blog">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Our Solutions</h2>
</div>
<div className="row g-5">
<div className="col-lg-12" data-aos="fade-up" data-aos-delay="200">
<div className="row gy-5 posts-list">
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-1.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">THE INDUSTRY LEADER IN DATACENTER MIGRATIONS</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
Our consultants have performed tens of thousands of migrations for over a decade, as key contributors, delivering some of the most complex migration projects in datacenter history. We have the best global talent available, including US based resources, with decades of combined experience delivering projects in some of the world’s biggest IT environments. The Novisync® process has been tempered and polished into the following services, which are results based (fixed fee), priced by workload count and project duration.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="/migrations">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-2.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">CLOUD & DATACENTER SOLUTIONS</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
Our experts specialize in all of the core datacenter infrastructure technologies of network, compute, and storage. Physical hardware has been blended together by virtualization platforms, which in turn has created the role of ‘Cloud Architect’. The Novisync® Cloud Architect will successfully deliver the latest business case expectations of the modern software defined datacenter (SDDC), hyper-converged infrastructure (HCI), and hybrid/multi-cloud models.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="/cloud">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-3.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">AUTOMATION, ORCHESTRATION & CODE DEVELOPMENT</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
Novisync® code development resources are primed and ready to address all of your automation needs using multiple disciplines of Agile or Waterfall development, phased implementations, and the latest repository integrations. We avoid abstracting the complexity of unnecessary layers by using 'simplification with standardization' as our mandate.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="/automation">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-4.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">BUSINESS DEVELOPMENT & ENTERPRISE MANAGEMENT</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
While speed of delivery and a quick time to market may be the driving force behind a revenue generating IT software implementation, Novisync® understands the benefit of well-planned, cost effective IT solutions that focus on achieving the perfect balance of people, process, and technology. Our business consulting services target the specific gaps that plague the enterprise market, changing a highly complex project into a smooth, pleasant experience.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="/business">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
<div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-5.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">BIG DATA, DATA OPERATIONS & ADVANCED ANALYTICS</a>
</h2>
{/* <div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div> */}
<div className="content">
<p>
With all of the unstructured data scattered throughout the modern enterprise, it can be difficult to make any sense of it. This can stifle the stability and growth of any company through the missed opportunities of a calculated investment, cost savings, and the operational readiness required to be successful. Novisync® specializes in organizing infrastructure data like no other company, allowing for a seamless, centralized, and comprehensive view into data center operations.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="/analytics">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div>
{/* <div className="col-lg-6">
<article className="d-flex flex-column">
<div className="post-img">
<img src="assets/img/blog/blog-6.jpg" alt="" className="img-fluid" />
</div>
<h2 className="title">
<a href="blog-details.html">Distinctio provident quibusdam numquam aperiam aut</a>
</h2>
<div className="meta-top">
<ul>
<li className="d-flex align-items-center"><i className="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
<li className="d-flex align-items-center"><i className="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">Jan 1, 2022</time></a></li>
<li className="d-flex align-items-center"><i className="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
</ul>
</div>
<div className="content">
<p>
Expedita et temporibus eligendi enim molestiae est architecto praesentium dolores. Illo laboriosam officiis quis. Labore officia quia sit voluptatem nisi est dignissimos totam. Et voluptate et consectetur voluptatem id dolor magni impedit. Omnis dolores sit.
</p>
</div>
<div className="read-more mt-auto align-self-end">
<a href="blog-details.html">Read More <i className="bi bi-arrow-right"></i></a>
</div>
</article>
</div> */}
</div>
{/* <div className="blog-pagination">
<ul className="justify-content-center">
<li><a href="#">1</a></li>
<li className="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div> */}
</div>
{/* <div className="col-lg-4" data-aos="fade-up" data-aos-delay="400">
<div className="sidebar ps-lg-4">
<div className="sidebar-item search-form">
<h3 className="sidebar-title">Search</h3>
<form action="" className="mt-3">
<input type="text" />
<button type="submit"><i className="bi bi-search"></i></button>
</form>
</div>
<div className="sidebar-item categories">
<h3 className="sidebar-title">Categories</h3>
<ul className="mt-3">
<li><a href="#">General <span>(25)</span></a></li>
<li><a href="#">Lifestyle <span>(12)</span></a></li>
<li><a href="#">Travel <span>(5)</span></a></li>
<li><a href="#">Design <span>(22)</span></a></li>
<li><a href="#">Creative <span>(8)</span></a></li>
<li><a href="#">Educaion <span>(14)</span></a></li>
</ul>
</div>
<div className="sidebar-item recent-posts">
<h3 className="sidebar-title">Recent Posts</h3>
<div className="mt-3">
<div className="post-item mt-3">
<img src="assets/img/blog/blog-recent-1.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Nihil blanditiis at in nihil autem</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-2.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Quidem autem et impedit</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-3.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Id quia et et ut maxime similique occaecati ut</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-4.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Laborum corporis quo dara net para</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
<div className="post-item">
<img src="assets/img/blog/blog-recent-5.jpg" alt="" className="flex-shrink-0" />
<div>
<h4><a href="blog-post.html">Et dolores corrupti quae illo quod dolor</a></h4>
<time datetime="2020-01-01">Jan 1, 2020</time>
</div>
</div>
</div>
</div>
<div className="sidebar-item tags">
<h3 className="sidebar-title">Tags</h3>
<ul className="mt-3">
<li><a href="#">App</a></li>
<li><a href="#">IT</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Mac</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Office</a></li>
<li><a href="#">Creative</a></li>
<li><a href="#">Studio</a></li>
<li><a href="#">Smart</a></li>
<li><a href="#">Tips</a></li>
<li><a href="#">Marketing</a></li>
</ul>
</div>
</div>
</div> */}
</div>
</div>
</section>
</div>
{/* <section id="testimonials" className="testimonials">
<div className="container" data-aos="fade-up">
<div className="section-header">
<h2>Testimonials</h2>
</div>
<div className="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
<div className="swiper-wrapper">
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" className="testimonial-img" alt="" />
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" className="testimonial-img" alt="" />
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" className="testimonial-img" alt="" />
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" className="testimonial-img" alt="" />
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div>
</div>
<div className="swiper-slide">
<div className="testimonial-item">
<div className="stars">
<i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i><i className="bi bi-star-fill"></i>
</div>
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<div className="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" className="testimonial-img" alt="" />
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</div>
<div className="swiper-pagination"></div>
</div>
</div>
</section> */}
</main>
<Footer />
</div>
)
}
\ No newline at end of file
src/Screens/team.js
View file @ 36bc5ff3
...@@ -12,7 +12,7 @@ export default function Team() { ...@@ -12,7 +12,7 @@ export default function Team() {
<h2>Partners</h2> <h2>Partners</h2>
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="/">Home</a></li>
<li>Partners</li> <li>Partners</li>
</ol> </ol>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment