489495df
MSV FM
MSV FM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="shortcut icon"
href="https://mandnweb.com/images/logo/m-and-n-web-v3.png"
type="image/x-icon"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>M&N Web Graphic Builder</title>
<style>
body{
margin: 0px;
padding: 0px;
}
.saple {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
/** Body Section 1 -----------------------------------------------------------**/
.body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
/** Body Section 5 -------------------------------------------------------------------**/
.sec5{
margin: 2% 0%;
display:flex;
flex-direction:row;
justify-content:center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.sec5-col{
margin:0% 2%;
}
.sec5-col li{
list-style:none;
}
.sec5-col li a{
text-decoration:none;
font-size:16px;
color:#074969;
}
.sec5-col li a:hover{
color:#076d9e;
}
.sec5-col ul{
line-height:30px;
}
.sec6{
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
}
</style>
</head>
<body>
<style>
/** Header **/
.header-sec {
padding-top: 20px;
margin:0px 30px;
display: flex;
align-items: center;
justify-content: end;
}
.header-col {
cursor:pointer;
display: flex;
justify-content: center;
align-items: center;
}
.header-col1 {
flex-basis: 10%;
}
.header-col2 {
flex-basis: 50%;
justify-content: flex-start !important;
}
.header-col3 {
flex: basis 10%;
}
.header-col4 {
flex-basis: 15%;
}
.header-col5 {
flex-basis: 15%;
}
.header-col-search {
flex-basis: 50%;
}
@media only screen and (max-width: 1180px) {
.header-col4 {
flex-basis: 30%;
}
.header-col5 {
flex-basis: 30%;
}
}
@media only screen and (max-width: 1030px) {
.header-col4 {
flex-basis: 100%;
}
.header-col5 {
flex-basis: 100%;
}
}
.logo {
width: 150px;
}
.header-col2 ul li {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 400;
color: #074969;
list-style: none;
padding: 5px 15px;
margin: 0px 5px;
}
.header-col2 ul li:hover{
color:#09567c;
}
.header-col2 ul {
display: flex;
justify-content: center;
align-items: center;
}
.header-button {
border: none;
border-radius: 5px;
cursor: pointer;
padding: 15px 20px;
}
.login-but {
font-size: 14px;
font-weight: 600;
color: #0e1318;
background-color: #f1f3f5;
}
.login-but:hover {
background-color: #e1e4e7;
}
.signup-but {
background-color: #074969;
color: #ffffff;
}
.signup-but:hover {
background-color: #096a9b;
}
</style>
<header>
<section class="header-sec">
<div class="header-col header-col1">
<img src="https://mandnweb.com/images/logo/m-and-n-web-v3.png" alt="canva_logo" class="logo" />
</div>
<div class="header-col header-col2">
<ul>
<li>Home</li>
<li>Templates</li>
<li>Features</li>
<li>Learn</li>
<li>Plans</li>
</ul>
</div>
<div>
<a href="javascript:void(0);" class="icon-hamburger" onclick="myFunction()" style="color:#074969;">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="header-col-search"></div>
<div class="header-col header-col3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-1.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17zM8.75 9.85c.05-1.62 1.17-2.8 3.2-2.8 1.87 0 3.12 1.08 3.12 2.6 0 1.04-.52 1.77-1.45 2.33-.9.52-1.15.87-1.15 1.55v.39H10.9l-.01-.47c-.06-1.02.33-1.64 1.28-2.2.84-.5 1.13-.87 1.13-1.54 0-.71-.57-1.23-1.43-1.23-.89 0-1.45.54-1.5 1.37H8.74zm3 7.33c-.68 0-1.13-.43-1.13-1.09 0-.66.45-1.1 1.13-1.1.7 0 1.14.44 1.14 1.1 0 .66-.44 1.09-1.14 1.09z"
></path>
</svg>
</div>
<div class="header-col header-col4">
<button class="header-button login-but">Log in</button>
</div>
<div class="header-col header-col5">
<button class="header-button signup-but">Sign Up</button>
</div>
</section>
<!---menu mobile responsive -->
<style>
#myLinks{
margin-left:-40px;
display:none;
position:fixed;
width:100%;
}
.icon-hamburger{
padding-left:30px;
padding-right:30px;
display:none;
}
.header-mobile ul li{
background-color:#074969;
padding-left:50px;
}
.header-mobile ul li{
padding:5px 10px;
list-style:none;
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;;
color:#ffffff;
cursor: pointer;
border-bottom:1px solid #6b7280;
}
.header-mobile ul li:hover{
background-color:#6b7280;
}
@media only screen and (max-width: 930px) {
.icon-hamburger{
display:block;}
.header-col2{
display:none;}
}
@media only screen and (max-width: 680px) {
.header-sec {
margin:0px 10px;
}
.header-col-search{
display:none;
}
.header-mobile{
display:block;
}
.header-col1 {
flex-basis: 100%;
}
.header-col4 {
flex-basis: 100%;
}
.header-col5 {
flex-basis: 100%;
}}
</style>
<div class="header-mobile" >
<ul id="myLinks">
<li>Home</li>
<li>Templates</li>
<li>Features</li>
<li>Learn</li>
<li>Plans</li>
</ul>
</div>
<script>
let z = 0;
function myFunction() {
z = 1;
let x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
function mediaNew(){
let x = document.getElementById("myLinks");
if (y.matches && z===1) {
x.style.display = "block";
} else {
x.style.display = "none";
z = 0;
}
} let y = window.matchMedia("(max-width: 930px)");
mediaNew();
y.addListener(mediaNew);
</script>
</header>
<style>
.sec1-head {
background-image: url(https://afrobeat.club/images/Homepage_BG_Wave_1.jpg);
padding: 70px 0px 270px 0px;
background-repeat: no-repeat;
background-size: auto;
background-position: top-left;
margin-top: 20px;
}
.sec1-head {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.sec1-head h1 {
text-align: center;
color: #ffffff;
font-size: 53px;
font-weight: 700;
}
.sec1-head p{
margin-top: -30px;
color: #ffffff;
font-size: 14px;
font-size: 21px;
font-weight: 400;
line-height: 29px;
}
@media only screen and (max-width: 680px){
.sec1-head h1 {
font-size: 35px;
}
.sec1-head p{
font-size: 16px;
}}
</style>
<section class="sec1-head">
<h1>How Can We Help You Today?</h1>
<p>Watch tutorials. Browse articles. Get inspired.</p>
</section>
<style>
.newsec3{
display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.newsec3-col{
margin: 2% 3%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.newsec3-col1{
flex: 1;
background-color:#ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all ease-in-out 300ms;
cursor:pointer;
margin: 0px 10px;
border:1px solid #E1E4E7;
padding:50px 20px 50px 20px;
border-radius:10px;
}
.newsec3-col1:hover{
transition: all ease-in-out 300ms;
box-shadow: 0px 8px 15px #d8d8d8;
}
.newsec3Tab2{
display: none;
}
.newsec3Tab1{
display: none;
}
@media only screen and (max-width: 960px){
.newsec3-col1{
margin-bottom: 5%;
}
.newsec3desktop{
display: none;
}
.newsec3Tab2{
display: block;
}
.newsec3Tab1{
display: block;
}
}
@media only screen and (max-width: 580px){
.marginImage{
margin-bottom: 10px;
}
.newsec3-col{
flex-direction: column;
}
.newsec3-col1{
width: 70%;
}
.newsec3desktop{
display: none;
}
.newsec3Tab2{
display: block;
}
.newsec3Tab1{
display: block;
}
}
</style>
<section class="newsec3 newsec3desktop" style="margin-top:-200px;">
<div class="newsec3-col">
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/07/Icon_Docs.png" class="attachment-full size-full marginImage" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">
Help Center</h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
Read our documentation & find what you're looking for </p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Learn More »</a>
</div>
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/08/Icon_FAQ.png" class="attachment-full size-full" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">
FAQs </h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
The most common questions asked by users</p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Get Answers »</a>
</div>
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/08/Icon_Tutorials.png" class="attachment-full size-full" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">Video Tutorials</h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
Browse through hundreds of tutorials and learn new skills </p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Sit & Watch »</a>
</div>
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/08/Icon_Facebook-community.png" class="attachment-full size-full" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">
Ask the Community </h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
Connect with web creators to learn, support & inspire one another </p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Learn Together »</a>
</div>
</div>
</section>
<section class="newsec3 newsec3Tab1" style="margin-top:-200px;">
<div class="newsec3-col">
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/07/Icon_Docs.png" class="attachment-full size-full marginImage" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">
Help Center</h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
Read our documentation & find what you're looking for </p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Learn More »</a>
</div>
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/08/Icon_FAQ.png" class="attachment-full size-full" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">
FAQs </h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
The most common questions asked by users</p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Get Answers »</a>
</div>
</div>
</section>
<section class="newsec3 newsec3Tab2">
<div class="newsec3-col">
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/08/Icon_Tutorials.png" class="attachment-full size-full" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">Video Tutorials</h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
Browse through hundreds of tutorials and learn new skills </p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Sit & Watch »</a>
</div>
<div class="newsec3-col1">
<img width="120" height="120" src="https://elementor.com/cdn-cgi/image/f=auto,w=200,h=200/wp-content/uploads/2020/08/Icon_Facebook-community.png" class="attachment-full size-full" alt="" loading="lazy">
<h4 style="color: #074969;text-align: center;font-size: 24px; font-weight: 700;margin: 0px;padding: 0px;">
Ask the Community </h4>
<p style="color:#5c6771;text-align: center;font-size: 16px;font-weight: 300;">
Connect with web creators to learn, support & inspire one another </p>
<a style="font-weight: 500;font-size: 13px;color:#db3157;background-color: #ffffff;border: none;cursor: pointer;">Learn Together »</a>
</div>
</div>
</section>
<style>
.newsec4{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.newsec4-row h1{
color: #074969;
font-weight:600;
font-size: 32px;
text-align: center;
}
.newsec4-row p{
color: #074969;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
margin-top: -15px;
}
.right-arrow i{
text-align: center;
font-size: 14px;
color: #ffffff;
position: relative;
transition: transform 0.3s ease;
transform: translateX(0px);
}.newsec4-row2:hover i{
transform: translateX(15px);
}
.newsec4-row2:hover .right-arrow{
transition: all ease-in-out 500ms;
background-color:#074969 ;
}
.right-arrow{
transition: all ease-in-out 500ms;
flex-basis: 10%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0px 10px 10px 0px;
padding: 5px 5px;
background-color:#074969 ;
}
.howTo{
flex-basis: 70%;
height: 60px;
display: flex;
justify-content: left;
align-items: center;
padding: 5px 5px;
padding-left: 20px;
color: #074969;
font-size: 16px;
font-weight: 400;
}
.newsec4-row2 a{
display: flex;
justify-content: space-between;
text-decoration: none;
}
.newsec4-row2{
border-radius: 5px 0px 0px 5px;
margin: 1% 3%;
flex-basis: 100%;
box-shadow: 0px 0px 15px #d8d8d8;
}
.newsec4-row1{
display: flex;
}
@media only screen and (max-width: 680px) {
.newsec4-row1{
flex-direction:column;
} }
</style>
<section class="newsec4" style="margin-top: 7%;">
<div class="newsec4-row">
<h1 >Most Popular Articles</h1>
<p style="margin-bottom: 2%;">Do you have a question? You’re not alone.<br>
Explore our most visited knowledge base articles to get answers.</p>
</div>
<div class="newsec4-row1">
<div class="newsec4-row2">
<a href="#">
<span class="howTo">How to Fix the 'Preview Could Not Be Loaded' Error</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
<div class="newsec4-row2">
<a href="#">
<span class="howTo">The Content Area Was Not Found in Your Page</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
</section>
<section class="newsec4">
<div class="newsec4-row1">
<div class="newsec4-row2">
<a href="#">
<span class="howTo">How to Use M&N Graphic Builder - Getting Started</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
<div class="newsec4-row2">
<a href="#">
<span class="howTo">Debugging Safe Mode</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
</section>
<section class="newsec4">
<div class="newsec4-row1">
<div class="newsec4-row2">
<a href="#">
<span class="howTo">How To Create a Full Width Page Using M&N Graphic Builder</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
<div class="newsec4-row2">
<a href="#">
<span class="howTo">Template Library</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
</section>
<section class="newsec4">
<div class="newsec4-row1">
<div class="newsec4-row2">
<a href="#">
<span class="howTo">Which Themes Work Best with M&N Graphic Builder?</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
<div class="newsec4-row2">
<a href="#">
<span class="howTo">Installing M&N Graphic Builder Pro</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
</section>
<section class="newsec4" style="margin-bottom: 7%;">
<div class="newsec4-row1">
<div class="newsec4-row2">
<a href="#">
<span class="howTo">I've activated Safe Mode but it didn't solve the problem</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
<div class="newsec4-row2">
<a href="#">
<span class="howTo">Can't Edit with M&N Graphic Builder</span>
<span class="right-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
</section>
<style>
.newsec5{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.newsec5-row h1{
color: #074969;
font-weight:600;
font-size: 32px;
text-align: center;
}
.newsec5-row p{
color: #074969;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
margin-top: -15px;
}
</style>
<section class="newsec5" style="margin-top: 7%;">
<div class="newsec5-row">
<h1>Meet Our Community</h1>
<p style="margin-bottom: 1%;">Get involved and connect with like-minded people to get answers, code references & design inspiration.</p>
</div>
</section>
<style>
.icon-but{
margin: 0px;
padding: 40px 25px;
color: #ffffff;
font-size: 39px ;
border-radius: 10px 0px 0px 10px;
}
.sec5new-col1{
margin: 0px;
padding: 0px;
box-shadow: 0px 0px 15px #d8d8d8;
display: flex;
align-items: center;
}
.sec5new-col1-col2{
margin: 0px;
padding: 0px 30px;
border-radius: 0px 20px 20px 0px;
}
.sec5new{
margin: 3% 2% 10% 2%;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.sec5new-col1-col2 a {
text-decoration: none;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color:#074969 ;
}
.sec5new-col1-col2 p{
color: #074969;
line-height: 22px;
font-weight: 400;
font-size: 16px;
margin-top: -20px;
}
.sec5new-col1-margin{margin-right:3% ;}
@media only screen and (max-width: 680px) {
.sec5new{
flex-direction:column;
}
.sec5new-col1-margin{margin-right:0% ;margin-bottom:5% ;}
}
</style>
<section class="sec5new ">
<div class="sec5new-col1 sec5new-col1-margin" >
<a href="" class="icon-but" style="background-color: #3B5998;"><i class="fa fa-facebook"></i></a>
<div class="sec5new-col1-col2">
<a href=""><h4>Facebook Community</h4></a>
<p>Join thousands of M&N Web Graphic Builder Web Creators and connect with other members in the M&N Web Graphic Builder community.</p>
</div>
</div>
<div class="sec5new-col1">
<a href="" class="icon-but" style="background-color: #24292D;"><i class="fa fa-github"></i></a>
<div class="sec5new-col1-col2">
<a href="" ><h4 style="color: #24292D;">Github Community</h4></a>
<p>Contribute to our project by sharing your feature suggestions, feedback and bug reports.</p>
</div>
</div>
</section>
<style>
.sec6new{
margin: 0px;
padding:5% 0%;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background-color: #074969;
display: flex;
justify-content: center;
align-items: center;
}
.sec6new-col a {
text-decoration: none;
color: #074969;
font-weight: 700;
background-color: #ffffff;
padding: 15px 40px;
border-radius: 50px;
}
.sec6new-col{
color: #ffffff;
}
.sec6new-col h2{
color: #ffffff;
font-weight: 600;
font-size: 24px;
}
.sec6new-col p{
color: rgba(255, 255, 255, 0.8);
font-weight: 300;
font-size: 16px;
margin-top: -5px;
}
@media only screen and (max-width: 680px) {
.sec6new{
flex-direction:column;
}
.sec6new-col{
margin-bottom:5%;
}}
</style>
<section class="sec6new">
<div class="sec6new-col" style="margin-right: 5%;">
<h2>Still have a question?</h2>
<p >We’re here to help. 24 hours a day, 7 days a week.</p>
</div>
<div class="sec6new-col">
<a href="">Submit a Ticket</a>
</div>
</section>
<section>
<hr style="height:1px;border-width:0;color:#E7E9EB;background-color:#E7E9EB;margin:0% 10%">
</section>
<footer class="sec6">
<p class="saple">Copyright by M&N Web Graphic builder. All Rights Reserved. Powered by <a href="https://www.mandnweb.com/" style="text-decoration:none; color:#074969;">M&N WEB</a></p>
</footer>
</body>
</html>