芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/support.mandnweb.com/graphic-help/design-size-guide.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" />
    <meta name="title" content="M&N Web Graphic Design size guide">
  <meta name="twitter:title" content="M&N Web Graphic Design size guide">
  <meta property="og:title" content="M&N Web Graphic Design size guide">
<meta property="og:image" content="images/photo-editor-images/photo-editor_topBanner.webp">
    <script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>

/** 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>
      
      
      
      <div id="header"></div>
     
    
    <style>
        .nav-menu-paper-sizes-type{
            padding:0px 10px;
            text-decoration:none;
        }
        .sec1-title-section{
              font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
            padding:2% 5%;
            display:flex;
            flex-direction:column;
            text-align:center;
            justify-content:center;
            align-items:center;
        }
        .sec1-title-section-h1{
            font-size:45px;
            font-weight:700;
            line-height:62px;
            color:#074969;
        }
         .sec1-title-section-p{
            margin-top:-20px;
            line-height:25px;
        }
        .sec1-title-section-button{
            padding:10px 5px;
            background-color:#074969;
            width:200px;
            cursor:pointer;
            border-radius:5px;
            color:#ffffff;
            text-decoration:none;
        }
        .sec1-title-section-button:hover{
             background-color:#096A9B;
             
        }
        .image-banner-section-img{
            width:100%;
        }
         @media only screen and (max-width: 850px) { 
             .sec1-title-section-h1{
            font-size:35px;
            line-height:42px;
        }
         @media only screen and (max-width: 500px) { 
             .sec1-title-section-h1{
            font-size:25px;
            line-height:30px;
        }
        .sec1-title-section-p{
            margin-top:0px;
        }
         }
    </style>
    
    <section class="sec1-title-section">
        <h1 class="sec1-title-section-h1">Design size guide</h1>
        <div>
            <a style="color:#074969;" class="nav-menu-paper-sizes-type" href="https://support.mandnweb.com/graphic-help/design-size-guide.html">All</a>
            <a style="color:#0000ee;" class="nav-menu-paper-sizes-type" href="https://support.mandnweb.com/graphic-help/design-size-guide-paper.html">Paper</a>
            <a style="color:#0000ee;" class="nav-menu-paper-sizes-type" href="https://support.mandnweb.com/graphic-help/design-size-guide-document.html">Document</a>
            <a style="color:#0000ee;" class="nav-menu-paper-sizes-type" href="https://support.mandnweb.com/graphic-help/design-size-guide-social-media.html">Social Media</a>
        </div>
        
        
    </section>

<section class="sec1-head2" style="margin-top:5%;">
        <h1 class="sec1-head2-h1">Paper</h1>
        
        
      </section>
      
      <style>
          .carousel-section-col-img2{
              width:100%;
              border-radius:10px;
          }
          .carousel-section-col {
              width:100%;
          }
           @media only screen and (max-width: 500px) {
               .carousel-sectiondesign{
                   flex-direction:column;
               }
           }
      </style>
<section class="carousel-section carousel-sectiondesign five-easy-steps-desktop" style="margin-top:3%; margin-bottom:5%;">
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumba4.b0902b07.webp" alt="">
                                            <p style="text-align:left;"><strong>A4</strong> <br></p></a></div>
                                           
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbaseries.41935c3b.webp" alt="">
                                            <p style="text-align:left;"><strong>A Series</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbcseries.a1b78f80.webp" alt="">
                                            <p style="text-align:left;"><strong>C Series</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbbseries.f819bfcc.webp" alt="">
                                            <p style="text-align:left;"><strong>B Series</strong> <br>
                                           </p></a></div>
        
        
       
     </section>
<section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumba4.b0902b07.webp" alt="">
                                            <p style="text-align:left;"><strong>A4</strong> <br></p></a></div>
                                           
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbaseries.41935c3b.webp" alt="">
                                            <p style="text-align:left;"><strong>A Series</strong> <br>
                                           </p></a></div>
        
         
        
       
     </section>
     
     <section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
        
        <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbcseries.a1b78f80.webp" alt="">
                                            <p style="text-align:left;"><strong>C Series</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbbseries.f819bfcc.webp" alt="">
                                            <p style="text-align:left;"><strong>B Series</strong> <br>
                                           </p></a></div>
        
        
       
     </section>

<section class="sec1-head2" style="margin-top:5%;">
        <h1 class="sec1-head2-h1">Document</h1>
        
        
      </section>
      
     
<section class="carousel-section carousel-sectiondesign five-easy-steps-desktop" style="margin-top:3%; margin-bottom:5%;">
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbposter.d424b314 (1).png" alt="">
                                            <p style="text-align:left;"><strong>Poster</strong> <br></p></a></div>
                                           
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbflyer.ed554359.png" alt="">
                                            <p style="text-align:left;"><strong>Flyer</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbbrochure.57092763.png" alt="">
                                            <p style="text-align:left;"><strong>Brochure</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbbook.bc37c88d.png" alt="">
                                            <p style="text-align:left;"><strong>Business Card</strong> <br>
                                           </p></a></div>
        
        
       
     </section>
<section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbposter.d424b314 (1).png" alt="">
                                            <p style="text-align:left;"><strong>Poster</strong> <br></p></a></div>
                                           
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbflyer.ed554359.png" alt="">
                                            <p style="text-align:left;"><strong>Flyer</strong> <br>
                                           </p></a></div>
        
         
        
       
     </section>
     
     <section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
        
        <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbbrochure.57092763.png" alt="">
                                            <p style="text-align:left;"><strong>Brochure</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/thumbbook.bc37c88d.png" alt="">
                                            <p style="text-align:left;"><strong>Business Card</strong> <br>
                                           </p></a></div>
        
        
       
     </section>
   
   
   
   
   
   
   
   
   
   
   
   
    <section class="sec1-head2" style="margin-top:5%;">
        <h1 class="sec1-head2-h1">Social media</h1>
        
        
      </section>
      
     
<section class="carousel-section carousel-sectiondesign five-easy-steps-desktop" style="margin-top:3%; margin-bottom:5%;">
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/youtube.png" alt="">
                                            <p style="text-align:left;"><strong>Youtube</strong> <br></p></a></div>
                                           
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/facebook.png" alt="">
                                            <p style="text-align:left;"><strong>Facebook</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/instagram.png" alt="">
                                            <p style="text-align:left;"><strong>Instagram</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/twitter.png" alt="">
                                            <p style="text-align:left;"><strong>Twitter</strong> <br>
                                           </p></a></div>
        
        
       
     </section>
<section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
        <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/youtube.png" alt="">
                                            <p style="text-align:left;"><strong>Youtube</strong> <br></p></a></div>
                                           
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/facebook.png" alt="">
                                            <p style="text-align:left;"><strong>Facebook</strong> <br>
                                           </p></a></div>
        
         
        
       
     </section>
     
     <section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
        
        <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/instagram.png" alt="">
                                            <p style="text-align:left;"><strong>Instagram</strong> <br>
                                           </p></a></div>
        
         <div class="carousel-section-col"><a href="https://support.mandnweb.com/graphic-help/coming-soon.html"><img class="carousel-section-col-img2" src="graphic-images/twitter.png" alt="">
                                            <p style="text-align:left;"><strong>Twitter</strong> <br>
                                           </p></a></div>
        
        
        
       
     </section>
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
    <style>
        .banner-bottom-new{
            padding:20px;
            display:flex;
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
             text-align:left;
             text-decoration:none;
             color:#ffffff;
             justify-content:center;
             align-items:flex-start;
             flex-direction:row;
              background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("images/photo-editor-images/photo-editor-bottomBanner.webp");
       
       background-size:cover;
       margin:2%;
       border-radius:10px;
       background-position:center;
       
        } 
        .banner-bottom-new-h1{
            font-size:32px;
            margin-bottom:-10px;
        } 
        .banner-bottom-new-p{
            margin-bottom:30px;
        } 
        .sec1-title-section-button{
            padding:10px 20px;
           
        }
        .banner-bottom-new-col{
            padding:20px;
            flex-basis:100%;
        }
        .banner-bottom-new-col-images{
            width:100%;
        }
        @media only screen and (max-width: 720px) {
                .banner-bottom-new{
                    flex-direction:column;
                }
        } 
     </style>
     
     
     
     <section class="banner-bottom-new">
         <div class="banner-bottom-new-col">
             <h1 class="banner-bottom-new-h1">Easily achieve the appearance you choose.</h1>
         <p class="banner-bottom-new-p">M&N Web Graphic Photo Editor makes it simple to remix photos for your feed or business.</p>
         <a href="https://mandnweb.com/contact" class="sec1-title-section-button">Start editing for free</a>
         </div>
         <div class="banner-bottom-new-col">
             <img class="banner-bottom-new-col-images" src="graphic-images/bottom banner.webp" alt="">
         </div>
         
     </section>

</body>
</html>

芝麻web文件管理V1.00

Staff Log In