芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/afrobeat.club/css/graphicHelp1.html

<!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="images/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 rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="stylesheet" id="elementor-post-52406-css" href="css/post-52406.css" type="text/css" media="all">
    <title>M&N Web Graphic Builder</title>
    
    
    
    <style>
	.saple {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	}
        /** Header **/
.header-sec {
    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: 10%;
}
.header-col5 {
  flex-basis: 10%;
}
.header-col-search {
  flex-basis: 50%;
}

.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: #0e1318;
  list-style: none;
  padding: 5px 15px;
  margin: 0px 5px;
  cursor: pointer;
  
}
.header-col2 ul li:hover{
    color:#6b7280;
}
.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: #F59E0B;
  color: #ffffff;
}
.signup-but:hover {
  background-color: #FBBF24;
}

/** Body Section 1 -----------------------------------------------------------**/
.body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.sec1-head {
  background-image: url(images/head-background.jpg);
  padding: 60px 0px 100px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  background-position: center;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

.search-container form {
  display: flex;
}
.search-container form button {
}
.search {
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #0e1318;
}

.search-but {
  cursor: pointer;
  font-size: 25px;
  width: 50px;
  height: 40px;
  text-align: center;

border-radius: 5px 0px 0px 5px;
}

.search-in {
  border-radius: 0px 5px 5px 0px;
  width: 500px;
}

.sec1-head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sec1-head h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
}
.sec1-head p a {
  color: #ffffff;
}
.sec1-head p a:hover {
  text-decoration: none;
}

/** Body Section 2 ----------------------------------------------------------**/
.sec2 {
  margin: 100px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec2-col1 {
  margin: 0px 20px;
  transition: all ease-in-out 300ms;
  cursor: pointer;
  padding: 15px 25px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(14, 19, 24, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15%;
  text-align: center;
  border-radius: 10px;
}
.sec2-col1:hover {
  transition: all ease-in-out 300ms;
  box-shadow: 0px 0px 10px #b4b3b3;
}

.sec2-col1 svg{
    color:#074969;
}

/** Body Section 3 --------------------------------------------------------------**/
.sec3{
    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;
}

.sec3-col{
  margin: 2% 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
    
}

.sec3-col1{
    transition: all ease-in-out 300ms;
    cursor:pointer;
    margin: 0px 20px;
   width:30%;
   border:1px solid #E1E4E7;
   padding:20px;
   border-radius:5px;
}
.sec3-col1:hover{
     transition: all ease-in-out 300ms;
  box-shadow: 0px 0px 8px #b4b3b3;
    
}

/** Body Section 4 -------------------------------------------------------------------**/
.sec4{
    margin: 5% 0%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    
}
.sec4-col1{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    width:20%;
}
.sec4-col-left{
    margin-right:5%;
}
.sec4-col-right{
    margin-left:5%;
}
.sec4-col1 div p{
    margin-top:-10px;
}

/** 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;
}@media only screen and (max-width: 680px) {  /* For mobile phones: */  .sec1-head {    padding:14px;	left:0;	right:0;	font-size:25px;	margin-left: 0px;    margin-right: 0px;	  }  .sec4 {    display: block;	}  .sec-col1{  width:0;  }  .sec3-col1 {      width: 83%;    margin: 26px 13px;    padding: 18px 12px;}.sec4-col-right {    margin-left:0;}.sec5 {    margin: 2% 0%;    display: block;	}		sec6 {    display: block;	text-align: center;	}	.sec4-col1{width:100%;}.sec2-col1 {	width:80%;	margin: 0px;}.sec1-head h1 {font-size: 21px;}.search-in {width:70%;}.new1 {text-align: center;    font-size: 12px;	}	.sec2 {    margin: 26px -1px;    display: block;	}	.sec3-col {    margin: 0px;    display: block;	}	.xMt6xQ {    display: block;	}	.nJnIvA {    margin: -7px auto 0;}.new1 {    font-size: 13px;	}	}

</style>
    
    
    
  </head>
  
  
  
  
  
  
  
  <body>
      
      
      
      
    <header>
      <section class="header-sec">
        <div class="header-col header-col1">
          <img src="images/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>
      
      
      
      <style>
      #myLinks{
                    margin-left:-50px;
                    display:none;
                    position:fixed;
                    width:100%;}
      
      .icon-hamburger{
          padding-left:15px;
          padding-right:15px;
          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: 680px) { 
                .header-sec {
                    margin:0px 10px;
                }
            .icon-hamburger{
                    display:block;}
                    
            .header-col-search{
                    display:none;}
                    
            .header-col2{
                    display:none;}
    
            
            .header-mobile{
                display:block;}
            .header-col1 {
  flex-basis: 100%;
}

.header-col3 {
  flex: basis 5%;
}
.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>
function myFunction() {
  var x = document.getElementById("myLinks");
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}
</script>
      </header>

<section class="sec1-head">
        <h1>How can we help?</h1>
        <div class="search-container">
          <form action="/action_page.php">
            <button type="submit" class="search-but search">
              <i class="fa fa-search"></i>
            </button>
            <input
              type="text"
              placeholder="Describe your issue"
              name="search"
              class="search search-in"
            />
          </form>
        </div>
        <p
          style="
            color: #ffffff;
            font-size: 14px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
              Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
              sans-serif;
          "
        >
          Popular topics: <a href="#">print</a>, <a href="#">upload photos</a>,
          <a href="#">resize</a>, <a href="#">edit text</a>,
          <a href="#">group elements</a>
        </p>
      </section>

<p style="color: #0e1318; font-weight: 600">Account settings</p>
          <p>
            Includes changing your email or password and deleting your account.
          </p>
        </div>
        <div class="sec2-col1">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 9.25V8c0-.83-.67-1.5-1.5-1.5H5c-.83 0-1.5.67-1.5 1.5v1.25h17zm0 1.5h-17V16c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5v-5.25zM5 5h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3zm1.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"></path></svg>

<p style="color: #0e1318; font-weight: 600">Payments, pricing and billing</p>
          <p>
            Includes canceling a M&N Web Graphic Builder subscription and card errors.
          </p>
        </div>
        <div class="sec2-col1">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5h6.5c.275 0 .5.225.5.5v13.5H4zm8.5 1.497V20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6.5c1.102 0 2 .895 2 2v3.997h2L20 9c1.105 0 2 .892 2 2v7l-1.5-.001V11c0-.278-.222-.5-.5-.5l-3.126-.001-4.374-.002v8l7.5.003a.5.5 0 0 0 .5-.5H22a2 2 0 0 1-2 2l-7.5-.003zM5 7.497h4.5v-1.5H5v1.5zm0 3h4.5v-1.5H5v1.5zm4.5 3H5v-1.5h4.5v1.5zm-4.5 3h4.5v-1.5H5v1.5zm11-3h-2v-1.5h2v1.5zm0 3h-2v-1.5h2v1.5zm3-3h-2v-1.5h2v1.5zm0 3h-2v-1.5h2v1.5z" fill="currentColor"></path></svg>

<p style="color: #0e1318; font-weight: 600">Teams and Groups</p>
          <p>
             Includes creating, managing and deleting teams and groups.
          </p>
        </div>
        <div class="sec2-col1">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.25 15.85l-4.38-4.38a.75.75 0 0 0-1.06 1.06l4.95 4.95c.69.68 1.8.68 2.48 0l4.95-4.95a.75.75 0 1 0-1.06-1.06l-4.38 4.38V4.25a.75.75 0 1 0-1.5 0v11.6zm-7.5 3.4h16.5a.75.75 0 1 1 0 1.5H3.75a.75.75 0 1 1 0-1.5z"></path></svg>

<p style="color: #0e1318; font-weight: 600">Downloading, saving and sharing</p>
          <p>
            Includes downloading or saving to your computer or phone.
          </p>
        </div>
      </section>
      <section class="sec2">
        <div class="sec2-col1">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.25 5.86a2 2 0 1 1 1.5 0c1.08 2.84 2.24 4.27 3.33 4.4 1.2.13 2.3-.42 3.33-1.73a.8.8 0 0 1 .15-.14A2 2 0 0 1 21 5a2 2 0 1 1-.25 3.98.8.8 0 0 1-.02.2l-1.62 6.49a2.75 2.75 0 0 1-2.67 2.08H7.56a2.75 2.75 0 0 1-2.67-2.08L3.27 9.18a.81.81 0 0 1-.02-.2L3 9a2 2 0 1 1 1.44-.61c.06.04.1.1.16.16.99 1.3 2.07 1.84 3.32 1.7 1.14-.12 2.29-1.55 3.33-4.4zm-4.9 9.44c.14.56.64.95 1.21.95h8.88c.57 0 1.07-.39 1.21-.95l1.04-4.14c-.86.5-1.79.7-2.77.59-1.52-.17-2.8-1.46-3.91-3.8-1.1 2.34-2.38 3.62-3.93 3.8a4.5 4.5 0 0 1-2.76-.56l1.03 4.11zM18 19.75a.75.75 0 1 1 0 1.5H6a.75.75 0 1 1 0-1.5h12z"></path></svg>

<p style="color: #0e1318; font-weight: 600">M&N Web Graphic Builder subscriptions</p>
          <p>
             Includes M&N Web Graphic Builder Pro, M&N Web Graphic Builder for Enterprise, Education and Nonprofits.
          </p>
        </div>
        <div class="sec2-col1">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 13.5h-4v1.54a3.02 3.02 0 0 1 3.1 1.46h.4a.5.5 0 0 0 .5-.5v-2.5zm0-1.5v-1A2.5 2.5 0 0 0 18 8.5h-1.5V12h4zm-.5 6a3 3 0 0 1-6 0H9a3 3 0 1 1-5.99-.26A2 2 0 0 1 2 16V7c0-1.1.9-2 2-2h10.5a2 2 0 0 1 2 2H18a4 4 0 0 1 4 4v5a2 2 0 0 1-2 2zm-5.6-1.5c.16-.28.36-.52.6-.74V7a.5.5 0 0 0-.5-.5H4a.5.5 0 0 0-.5.5v9c0 .09.02.17.07.25a3 3 0 0 1 5.03.25h5.8zm-8.4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm11 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"></path></svg>

<p style="color: #0e1318; font-weight: 600">Print and delivery</p>
          <p>
            Includes order status, delivery times and invoices.
          </p>
        </div>
        <div class="sec2-col1">
          <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 3h6.25a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm.5 1.5v7h5.25v-7H4.5zm9.25 6.5H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-6.25a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1zm.5 1.5v7h5.25v-7h-5.25zM4 14.5h6.25a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4.5a1 1 0 0 1 1-1zm.5 1.5v3.5h5.25V16H4.5zm9.25-13H20a1 1 0 0 1 1 1v4.5a1 1 0 0 1-1 1h-6.25a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm.5 1.5V8h5.25V4.5h-5.25z" fill="currentColor"></path></svg>

<p style="color: #0e1318; font-weight: 600">Editing and designing</p>
          <p>
            Includes images, videos, text, managing designs and folders.
          </p>
        </div>
        <div class="sec2-col1">
          <img style="width:30px;" class="IrOLrw" src="https://afrobeat.club/images/ab.png" alt="Fix a problem">

<p style="color: #0e1318; font-weight: 600">Fix a problem</p>
          <p>
           Includes quick solutions to common problems.
          </p>
        </div>
      </section>
      
      
      
      
      
      
      <section class="sec3">
          <h3>Top Articles</h3>
          <div class="sec3-col">
            <div class="sec3-col1">
                <p style="color: #074969;">Canceling, pausing, or changing a M&N Web Graphic Builder subscription</p>
                <p style="color:#0e1318">We’re sorry to see you go! Here’s what you need to know about canceling your subscription to M&N Web Graphic Builder Pro.</p>
            </div>
            <div class="sec3-col1">
                <p style="color: #074969;">Managing and deleting teams</p>
                <p style="color:#0e1318">Learn how you can edit your team name, change your team banner, update your team discovery settings, and delete your team.</p>
            </div>
            <div class="sec3-col1">
                <p style="color: #074969;">Download error message</p>
                <p style="color:#0e1318">If you get an error message while downloading your design, it may be because it has a large file size or there’s an ongoing M&N Web Graphic Builder system maintenance.</p>
            </div>
        </div>
      </section>
      <section class="sec3">
          <div class="sec3-col">
            <div class="sec3-col1">
                <p style="color: #074969;">M&N Web Graphic Builder Print order issues</p>
                <p style="color:#0e1318">Here’s what we can do for you if there are issues with your M&N Web Graphic Builder Print order.</p>
            </div>
            <div class="sec3-col1">
                <p style="color: #074969;">My payment failed or didn't complete</p>
                <p style="color:#0e1318">To fix failed payments, check if you have enough funds, a valid payment method, a card enabled for online & international purchases, and updated billing details to settle failed payments.</p>
            </div>
            <div class="sec3-col1">
                <p style="color: #074969;">Licenses, copyright, and using M&N Web Graphic Builder for commercial purposes</p>
                <p style="color:#0e1318">M&N Web Graphic Builder’s licensing explained. Here’s how you can use M&N Web Graphic Builder images, videos and audio for personal and commercial purposes.</p>
            </div>
        </div>
      </section>
      
      
      <section class="sec4">
          <div class="sec4-col1 sec4-col-left">
              
              <img style="width:75px;height:auto" src="https://afrobeat.club/images/cd.png" alt="Report an issue">
              <div style="margin-left:10px;">
                  <h2 style="font-size:19px;">Report an issue</h2>
                  <p style="font-size:14px; color:#0e1318;" >Need help fast? Start diagnosing your problem for our support team</p>
              </div>
          </div>
          <div class="sec4-col1 sec4-col-right">
              <img style="width:75px;height:auto" src="https://afrobeat.club/images/ef.png" alt="Design school">
              <div style="margin-left:10px;">
                  <h2 style="font-size:19px;">Design school</h2>
                  <p style="font-size:14px; color:#0e1318;" >The Design School has design tips and inspiration for everyone.</p>
              </div>
          </div>
      </section>
	  
	  <section class="elementor-section elementor-top-section elementor-element elementor-element-a22548e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a22548e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b5f174" data-id="3b5f174" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7ae4434 elementor-widget elementor-widget-heading" data-id="7ae4434" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Most Popular Articles</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-ad14ee2 elementor-widget elementor-widget-text-editor" data-id="ad14ee2" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<p>Do you have a question? You’re not alone. <br>Explore our most visited knowledge base articles to get answers.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-1d80903 elementor-view-default elementor-widget elementor-widget-icon" data-id="1d80903" data-element_type="widget" data-widget_type="icon.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="angle-right"><symbol id="use-right-arrow" viewBox="0 0 256 512"><path fill="#ffffff" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></symbol></svg>			</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
		
		<section class="elementor-section elementor-top-section elementor-element elementor-element-17cb16fb support__btn elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="17cb16fb" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-30755531" data-id="30755531" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-49600aff elementor-align-justify elementor-widget elementor-widget-button" data-id="49600aff" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/how-to-fix-the-preview-could-not-be-loaded-error/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">How to Fix the 'Preview Could Not Be Loaded' Error</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5beb320c elementor-align-justify elementor-widget elementor-widget-button" data-id="5beb320c" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/how-to-use-elementor/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">How to Use Elementor - Getting Started</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1c9fd5f6 elementor-align-justify elementor-widget elementor-widget-button" data-id="1c9fd5f6" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/how-to-create-a-full-width-page/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">How To Create a Full Width Page Using Elementor</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-30b0f95d elementor-align-justify elementor-widget elementor-widget-button" data-id="30b0f95d" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/best-elementor-themes/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">Which Themes Work Best with Elementor?</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-51300070 elementor-align-justify elementor-widget elementor-widget-button" data-id="51300070" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/safe-mode-not-solving-problem/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">I've activated Safe Mode but it didn't solve the problem</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-57bd1a4b" data-id="57bd1a4b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5dc1be3c elementor-align-justify elementor-widget elementor-widget-button" data-id="5dc1be3c" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/the-content-area-was-not-found-error/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">The Content Area Was Not Found in Your Page</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-75963cbb elementor-align-justify elementor-widget elementor-widget-button" data-id="75963cbb" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/debuging-safe-mode/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">Debugging Safe Mode</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1e6ad387 elementor-align-justify elementor-widget elementor-widget-button" data-id="1e6ad387" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/template-library/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">Template Library</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-57dae536 elementor-align-justify elementor-widget elementor-widget-button" data-id="57dae536" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/installing-elementor-pro/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">Installing Elementor Pro</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3c11aefb elementor-align-justify elementor-widget elementor-widget-button" data-id="3c11aefb" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="https://elementor.com/help/cant-edit-with-elementor/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<svg viewBox="0 0 256 512"><use xlink:href="#use-right-arrow"></use></svg>			</span>
						<span class="elementor-button-text">Can't Edit with Elementor</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
      
      <section>
          <hr style="height:1px;border-width:0;color:#E7E9EB;background-color:#E7E9EB">
      </section>
    
    <section class="sec5">
        <div class="sec5-col"> 
             <ul> <span style="font-size:16px; color:#074969;"> Discover</span>
                 <li><a href="#">Logos</a></li>
                 <li><a href="#">Posters</a></li>
                 <li><a href="#">Business Cards</a></li>
                 <li><a href="#">Flyers</a></li>
                 <li><a href="#">Resumes</a></li>
                 <li><a href="#">Presentations</a></li>
             </ul>
        </div>
        <div class="sec5-col"> 
          <ul> <span style="font-size:16px; color:#074969;">Explore</span>
              <li><a href="#">Design Types</a></li>
              <li><a href="#">Templates</a></li>
              <li><a href="#">Graphs & Charts</a></li>
              <li><a href="#">Photo Editing</a></li>
              <li><a href="#">Print</a></li>
              <li><a href="#">Apps</a></li>
              
          </ul>
        </div>
        
        <div class="sec5-col"> 
          <ul> <span style="font-size:16px; color:#074969;">Learn</span>
              <li><a href="#">Blog</a></li>
              <li><a href="#">Design school</a></li>
          </ul>
        </div>
        <div class="sec5-col"> 
          <ul> <span style="font-size:16px; color:#074969;"> Resources</span>
              <li><a href="#">Font combinations</a></li>
              <li><a href="#">Photo editor</a></li>
              <li><a href="#">Color wheel</a></li>
              <li><a href="#">Palette generator</a></li>
              <li><a href="#">Colors</a></li>
              <li><a href="#">Design size guide</a></li>
              <li><a href="#">Support</a></li>
              <li><a href="#">Ideas</a></li>
          </ul>
        </div>
        <div class="sec5-col"> 
          <ul> <span style="font-size:16px; color:#074969;">Product</span>
              <li><a href="#">Download App</a></li>
              <li><a href="#">Pro</a></li>
              <li><a href="#">Enterprise</a></li>
              <li><a href="#">Education</a></li>
              <li><a href="#">Nonprofits</a></li>
              <li><a href="#">Newsrooms</a></li>
              <li><a href="#">Pricing</a></li>
              <li><a href="#">What's new</a></li>
          </ul>
        </div>
        <div class="sec5-col"> 
          <ul> <span style="font-size:16px; color:#074969;">Company</span>
              <li><a href="#">About</a></li>
              <li><a href="#">Terms and Privacy</a></li>
              <li><a href="#">Careers</a></li>
              <li><a href="#">Affiliates Program</a></li>
              <li><a href="#">Partnerships</a></li>
              <li><a href="#">Media</a></li>
              <li><a href="#">Contributors</a></li>
              <li><a href="#">Developers</a></li>
              <li><a href="#">Security</a></li>
              <li><a href="#">Request a Demo</a></li>
              <li><a href="#">Sustainability</a></li>
              <li><a href="#">Diverse Creator Fund</a></li>
          </ul>
        </div>
    </section>

<section 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>
    
  </section>
  </body>
</html>