0% found this document useful (0 votes)
23 views9 pages

Index HTML

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
23 views9 pages

Index HTML

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 9

<style>

.header {
background: #0000006b;
position: relative;
padding: 0 0 14px;
z-index: 3;
}
@media (min-width: 1200px)
.container {
max-width: 1280px;
}
.menu-main {
margin: 4px 0 0;
}
.stellarnav.dark {
background: 0 0;
}
.stellarnav {
position: relative;
width: 100%;
z-index: 99;
line-height: normal;
top: 5px;
}
.stellarnav.dark a {
color: #fff;
}
.stellarnav .full {
width: 100%;
}
.stellarnav .call-btn-mobile, .stellarnav .close-menu, .stellarnav .location-btn-
mobile, .stellarnav .menu-toggle {
padding: 10px 0px;
box-sizing: border-box;
margin-top: 5px;
}
.stellarnav .call-btn-mobile, .stellarnav .close-menu, .stellarnav .location-btn-
mobile, .stellarnav .menu-toggle {
display: none;
text-transform: uppercase;
text-decoration: none;
}
.stellarnav a {
color: #777;
}
a {
transition: all .3s ease-in;
}
.stellarnav .menu-toggle span.bars {
display: inline-block;
margin-right: 7px;
position: relative;
top: 3px;
float: right;
}
* {
margin: 0;
padding: 0;
}
*, ::after, ::before {
box-sizing: border-box;
}
.stellarnav.dark a {
color: #fff;
}
.stellarnav.dark .menu-toggle span.bars span {
background: linear-gradient(5deg, #70c487 21%, #765ba7 50%,#439fd7 70%);
}
.stellarnav .menu-toggle span.bars span {
display: block;
width: 34px;
height: 5px;
border-radius: 0;
background: #777;
margin: 0 0 5px;
}
.stellarnav ul {
margin: 0 0 0;
padding: 0;
text-align: right;
}
.stellarnav>ul>li {
display: inline-block;
}
.stellarnav li {
list-style: none;
display: block;
margin: 0;
padding: 0;
position: relative;
line-height: normal;
vertical-align: middle;
}
li {
font-size: 15px;
font-weight: 400;
text-align: left;
}
* {
margin: 0;
padding: 0;
}
*, ::after, ::before {
box-sizing: border-box;
}
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}
.stellarnav ul {
margin: 0 0 0;
padding: 0;
text-align: right;
}
user agent stylesheet
ul {
list-style-type: disc;
}
.stellarnav {
position: relative;
width: 100%;
z-index: 99;
line-height: normal;
top: 5px;
}
.stellarnav.desktop li.has-sub a {
padding-right: 10px;
}
.newnav.dark li a {
color: #fff;
text-transform: capitalize;
font-size: 18px;
font-weight: 400;
padding: 6px 10px;
}
.stellarnav.dark li a {
color: #666;
text-transform: capitalize;
font-size: 15px;
font-weight: 400;
}
.stellarnav.dark a {
color: #fff;
}
.newnav>ul>li>a {
padding: 15px 5px;
}
.stellarnav>ul>li>a {
padding: 15px 10px;
}
.stellarnav li a {
padding: 10px;
display: block;
text-decoration: none;
color: #777;
box-sizing: border-box;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
font-size: 15px;
}
.stellarnav li.has-sub>a:after {
content: '';
margin-left: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #fff;
display: inline-block;
}
*, ::after, ::before {
box-sizing: border-box;
}
.newnav.dark li a {
color: #fff;
text-transform: capitalize;
font-size: 18px;
font-weight: 400;
padding: 6px 10px;
}
.stellarnav.dark li a {
color: #666;
text-transform: capitalize;
font-size: 15px;
font-weight: 400;
}
.stellarnav.dark a {
color: #fff;
}
.stellarnav li a {
padding: 10px;
display: block;
text-decoration: none;
color: #777;
box-sizing: border-box;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
font-size: 15px;
}
.stellarnav.dark ul ul {
background: #fdfdfd;
border: solid 1px #efefef;
}
ul.d-f.db {
box-shadow: 0px 0px 6px 0px #31beee;
border-radius: 7px;
}
.stellarnav ul ul {
top: auto;
width: 250px;
position: absolute;
z-index: 9900;
text-align: left;
display: none;
background: #ddd;
margin: 0;
}
.stellarnav ul {
margin: 0 0 0;
padding: 0;
text-align: right;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.stellarnav li li {
display: block;
}
.stellarnav li {
list-style: none;
display: block;
margin: 0;
padding: 0;
position: relative;
line-height: normal;
vertical-align: middle;
}
li {
font-size: 15px;
font-weight: 400;
text-align: left;
}
stellarnav.desktop li.has-sub a {
padding-right: 10px;
}
.newnav.dark li a {
color: #fff;
text-transform: capitalize;
font-size: 18px;
font-weight: 400;
padding: 6px 10px;
}
.stellarnav.dark li a {
color: #666;
text-transform: capitalize;
font-size: 15px;
font-weight: 400;
}
ul.d-f i {
width: 21px;
color: #5584c4;
}
.stellarnav.desktop>ul>li.mega {
position: inherit;
}
.stellarnav.desktop>ul>li.mega>ul {
max-width: 1200px !important;
width: 100%;
padding: 15px;
background: #fdfdfd;
box-shadow: 0px 0px 6px 0px #31beee;
border-radius: 7px;
z-index: 9;
}
.stellarnav.dark ul ul {
background: #fdfdfd;
border: solid 1px #efefef;
}
.stellarnav ul ul {
top: auto;
width: 250px;
position: absolute;
z-index: 9900;
text-align: left;
display: none;
background: #ddd;
margin: 0;
}
.stellarnav.desktop>ul>li.mega>ul>li {
padding-bottom: 15px;
padding-top: 0;
box-sizing: border-box;
}
.stellarnav.desktop>ul>li.mega>ul li.has-sub ul {
display: block;
position: relative;
left: auto;
border: none;
}
.stellarnav.desktop li.mega li li a {
padding: 5px 15px;
}
</style>

<header>
<div class="header" id="stick">
<div class="container position-relative">
<div class="row">
<div class="col-lg-2 col-md-3 col-4">
<div class="logo">
<a href="https://www.matrytech.com"><img
src="https://www.matrytech.com/frontend/assets/images/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-10 menu-main">
<div class="stellarnav newnav dark desktop"><a href="#"
class="menu-toggle full"><span
class="bars"><span></span><span></span><span></span></span> </a>
<ul>
<li class="has-sub">
<a href="javascript:void(0);">Company</a>
<ul class="d-f db pt-3 pb-3">
<li><a href="https://www.matrytech.com/about-us"><i
class="fa fa-user" aria-hidden="true"></i> About Matrytech</a></li>
<li><a
href="https://www.matrytech.com/collaboration"><i class="fa fa-gg-circle" aria-
hidden="true"></i> Collaboration</a></li>
<li><a href="https://www.matrytech.com/career"> <i
class="fa fa-line-chart" aria-hidden="true"></i> Career</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li class="mega has-sub">
<a href="javascript:void(0);"
class="active">Solutions</a>
<ul class="d-f" style="left: 0px; right: 0px; margin:
0px auto; max-width: 748px; display: none;">
<li class="has-sub" style="width: 33%;">
<a href="https://www.matrytech.com/website-
development" class="headding2" style="color: #2957a4 !important;"> Web/Software
Development</a>
<ul class="d-f">
<li><a href="https://www.matrytech.com/web-
development"> <i class="fa fa-caret-right" aria-hidden="true"></i> Web
Development</a></li>
<li><a
href="https://www.matrytech.com/website-redesigning"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Website Redesigning</a></li>
<li><a href="https://www.matrytech.com/cms-
development"> <i class="fa fa-caret-right" aria-hidden="true"></i> CMS
Development</a></li>
<li><a href="https://www.matrytech.com/crm-
erp-development"> <i class="fa fa-caret-right" aria-hidden="true"></i> CRM &amp;
ERP Development</a></li>
<li><a
href="https://www.matrytech.com/ecommerce-development"> <i class="fa fa-caret-
right" aria-hidden="true"></i> E-Commerce Development</a></li>
<li><a
href="https://www.matrytech.com/software-development"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Custom Software Development</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li class="has-sub" style="width: 33%;">
<a href="https://www.matrytech.com/mobile-app-
development" class="headding2" style="color: #2957a4 !important;"> Mobile App
Development </a>
<ul>
<li><a
href="https://www.matrytech.com/android-app-development"> <i class="fa fa-caret-
right" aria-hidden="true"></i> Android App Development</a></li>
<li><a href="https://www.matrytech.com/ios-
app-development"> <i class="fa fa-caret-right" aria-hidden="true"></i> ISO App
Development</a></li>
<li><a
href="https://www.matrytech.com/flutter-app-development"> <i class="fa fa-caret-
right" aria-hidden="true"></i> Flutter App Development</a></li>
<li><a
href="https://www.matrytech.com/hybrid-app-development"> <i class="fa fa-caret-
right" aria-hidden="true"></i> Hybrid App Development</a></li>
<li><a
href="https://www.matrytech.com/react-native-development"> <i class="fa fa-caret-
right" aria-hidden="true"></i> React Native Development</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li class="has-sub" style="width: 33%;">
<a href="https://www.matrytech.com/digital-
marketing" class="headding2" style="color: #2957a4 !important;">Digital Marketing
</a>
<ul class="d-f">
<li><a
href="https://www.matrytech.com/marketing-strategy"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Marketing Strategy</a></li>
<li><a href="https://www.matrytech.com/seo-
services"> <i class="fa fa-caret-right" aria-hidden="true"></i> SEO
Services</a></li>
<li><a
href="https://www.matrytech.com/social-media-marketing"> <i class="fa fa-caret-
right" aria-hidden="true"></i> Social Media Marketing</a></li>
<li><a href="https://www.matrytech.com/pay-
per-click"> <i class="fa fa-caret-right" aria-hidden="true"></i> Pay Per
Click</a></li>
<li><a
href="https://www.matrytech.com/brand-awareness"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Brand Awareness</a></li>
<li><a
href="https://www.matrytech.com/marketing-automation"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Marketing Automation</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li class="has-sub" style="width: 33%;">
<a href="https://www.matrytech.com/ai-ml-
development" class="headding2" style="color: #2957a4 !important;">AI/ML</a>
<ul>
<li><a href="https://www.matrytech.com/data-
analytics"> <i class="fa fa-caret-right" aria-hidden="true"></i> Data
Analytics</a></li>
<li><a
href="https://www.matrytech.com/object-recognition"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Object Recognition</a></li>
<li><a href="https://www.matrytech.com/text-
to-speech"> <i class="fa fa-caret-right" aria-hidden="true"></i> Text To
Speech</a></li>
<li><a
href="https://www.matrytech.com/business-intelligence"> <i class="fa fa-caret-
right" aria-hidden="true"></i> Business Intelligence</a></li>
<li><a href="https://www.matrytech.com/data-
forecasting"> <i class="fa fa-caret-right" aria-hidden="true"></i> Data
Forecasting</a></li>

</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>

<li class="has-sub" style="width: 33%;">


<a href="https://www.matrytech.com/blockchain-
development" class="headding2" style="color: #2957a4 !important;">Block chain
development</a>
<ul>
<li><a href="https://www.matrytech.com/wallet">
<i class="fa fa-caret-right" aria-hidden="true"></i> Wallet</a></li>
<li><a
href="https://www.matrytech.com/exchange"> <i class="fa fa-caret-right" aria-
hidden="true"></i> Exchange</a></li>
<li><a
href="https://www.matrytech.com/ethereum-development"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Ethereum</a></li>
<li><a
href="https://www.matrytech.com/hyperledger"> <i class="fa fa-caret-right" aria-
hidden="true"></i> Hyperledger</a></li>
<li><a
href="https://www.matrytech.com/private-blockchain"> <i class="fa fa-caret-right"
aria-hidden="true"></i> Private Blockchain</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li class="has-sub">
<a href="javascript:void(0);">Our Work</a>
<ul class="d-f db pt-3 pb-3">
<li><a href="https://www.matrytech.com/clientele"> <i
class="fa fa-briefcase" aria-hidden="true"></i> Clientele</a></li>
<li><a href="https://www.matrytech.com/portfolio">
<i class="fa fa-object-group" aria-hidden="true"></i> Portfolio</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li class="has-sub">
<a href="javascript:void(0);">Resources</a>
<ul class="d-f db pt-3 pb-3">
<li><a href="https://www.matrytech.com/customer-
stories"> <i class="fa fa-briefcase" aria-hidden="true"></i> Customer
stories</a></li>
<li><a href="https://www.matrytech.com/blog"> <i
class="fa fa-wpbeginner" aria-hidden="true"></i> Blog</a></li>
<li><a href="https://www.matrytech.com/matrytech-
stories"> <i class="fa fa-yelp" aria-hidden="true"></i> Matrytech Stories</a></li>
<li><a href="https://www.matrytech.com/support-
center"> <i class="fa fa-file-text" aria-hidden="true"></i> Support center</a></li>
<li><a href="https://www.matrytech.com/case-
study"> <i class="fa fa-graduation-cap" aria-hidden="true"></i> Case study</a></li>
<li><a href="https://www.matrytech.com/security">
<i class="fa fa-spinner" aria-hidden="true"></i> Security</a></li>
</ul>
<a class="dd-toggle" href="#"><span class="icon-
plus"></span></a></li>
<li><a href="https://www.matrytech.com/contact-
us">Contact Us</a> </li>
<li><a href="tel:+91-7004488728"><i class="fa fa-phone"
aria-hidden="true"></i> +91-7004488728</a> </li>
<li><a href="#getquote" class="linkb hidden-sm">Get A
Free Quote</a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>

You might also like