芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/support.mandnweb.com/graphic-help/diverse-creator-fund.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 for Diverse Creator Fund">
  <meta name="twitter:title" content="M&N Web Graphic for Diverse Creator Fund">
  <meta property="og:title" content="M&N Web Graphic for Diverse Creator Fund">
<meta property="og:image" content="graphic-images/pexels-photo-3184398.jpeg">
    <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>
    
   #createyourown{
       background-color:#F1F3F5;
       color:#000000;
   }
    #createyourown:hover{
       background-color:#E1E4E7;
   }
      .header-image-size{
          width:100%;
      }
      .secnew-head{
         
          display:flex;
      }
        .sec1-head {
       background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('graphic-images/pexels-photo-3184398.jpeg');
        padding: 65px 5% 100px 5%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 20px;
        flex-basis:100%;
        
        }
        .button-column{
            display:flex;
        }

.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: flex-start;
        flex-direction: column;
        
        }
        .header-paragraph1{
            text-align:left;
             line-height: 26px;
        color: #ffffff;
        font-size: 16px;
        
        }

.sec1-head h1 {
        text-align: left;
        color: #ffffff;
        font-size: 48px;
        font-weight: 700;
        margin-bottom:5px;
        }
        .sec1-head p{
            text-align: left;
                margin-top: 0px;
                color: #ffffff;
                font-size: 18px;
                font-weight: 400;
                line-height: 29px;
                
        }
        
        .butttondesign a{
                text-decoration: none;
                color: #ffffff;
                font-size: 16px;
                
        }
        .butttondesign{
                 background-color:#074969 ;
                padding:10px 30px;
                border-radius: 5px;
                cursor: pointer;
                text-align: center;
                margin:5px;
                text-decoration: none;
                color: #ffffff;
                font-size: 16px;
               
        }
        .butttondesign:hover{
                background-color:#096A9B;
        }
          @media only screen and (max-width: 900px){
              .sec1-head {
        padding: 10px 0% 5% 5%;
       
        }
       
              .secnew-head{
        flex-direction:column-reverse;
         
      }
      
      .button-column{
            flex-direction:column;
        }
        .button-column-design{
            margin-bottom:30px;
        }
        .button-column-design2 {
            font-size:14px!important;
             padding:10px 10px!important;
        }
          }
        @media only screen and (max-width: 680px){
            
    
            .sec1-head{
                padding: 10px 5% 15% 5%;
            }
         
         
                .sec1-head h1 {
                         
                        padding:0% 1%;
    
                }
                .sec1-head p{
                        font-size: 16px;
                }}
                  @media only screen and (max-width: 500px){
                      
     .button-column{
            flex-direction:row;
        }
        .button-column-design{
            margin-bottom:0px;
        }
                  }
                  @media only screen and (max-width: 400px){
                     
    
                  }
      </style>

<section class="secnew-head">
          <div class="sec1-head">
              <h1>Diverse Creator Fund</h1>
        <p  style="margin-top:10px;margin-right:10%;"><span class="header-paragraph1">Supporting and elevating a varied range of creators and cultures from around the world.</span></p>
         <div style="margin-top:10px; display:flex;"> <a class="butttondesign " href="https://mandnweb.com/contact">Get Involved</a> </div>
         
          </div>
         
        
      </section>

<style>

.features-sec1{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0% 5%;
}
.features-sec1-col{
        width: 100%;
        
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.features-sec1-col p{
       line-height: 24px;
        color: #074969;
        font-size: 14px;
       
}
.features-image{
        width: 100%;
        border-radius: 5px!important;

}
.butttondesign2{
                background-color:#074969 ;
                padding:10px 50px;
                border-radius: 5px;
                cursor: pointer;
                text-align: center;
                
                text-decoration: none;
                color: #ffffff;
                font-size: 16px;
               
        }
.butttondesign2 a{
        text-decoration: none;
                color: #ffffff;
                font-size: 16px;
                
               
        }
.features-title{
        font-size: 24px;
        font-weight:700;
        }
        @media only screen and (max-width: 600px) {
                .features-sec1{
                        padding:2% 2%;
                }   
        } 
        @media only screen and (max-width: 500px) {
                .features-sec1-1{
                        padding:2% 5%;
                        flex-direction: column;
                }   
                .features-sec1-2{
                        padding:2% 5%;
                        flex-direction: column-reverse;
                }   
        }

</style>

<section class="features-sec1 features-sec1-1">
     <div class="features-sec1-col">
                <img class="features-image" src="graphic-images/pexels-photo-4064840.jpeg" alt="">
        </div>
        <div class="features-sec1-col">
                <p ><span class="features-title">Creating a Global Creative Network</span> </p>
                <p>We strongly think that as a service used by tens of millions of people throughout the world, we have a major duty to advocate diversity, inclusion, and 
                representation in all aspects of our business. People from all over the world come to M&N Web Graphic every day to realize their creative visions, and as our platform expands, 
                so does our critical role to produce, cultivate, and promote a library of varied, authentic, and representational material.
                <br><br>
                M&N Web Graphic's Diverse Creator Fund offers cash to find and actively support a worldwide network of creatives and content creators who capture and generate real material 
                representative of diverse cultures around the world.
                </p>
                 
        </div>

</section>
    
    
    
    
     
      
    
    
    
    
    
    
    
    <style>
    .carousel-section-col{
        flex-basis:100%;
    }
    .features-title{
        color:#074969;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        font-size:20px!important;
    }
    .feat-paragraph{
        margin-top:-10px;
        line-height:24px!important;
        color:#074969;
        font-size:16px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    }
          .five-easy-steps{
               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;
         color:#074969;
          }
          .carousel-section-col-img2{
              width:100%;
          }
          .five-easy-steps-col{
              background-color:#F8F9F9;
              border-radius:10px;
              margin:2%;
              padding:20px;
              flex-basis:100%;
          }
          .five-easy-steps-title{
              font-size:18px;
              font-weight:700;
             
              line-height:23px;
          }
          .five-easy-steps-p{
              margin-top:-10px;
              line-height:25px;
              
          }
          .five-easy-steps-mobile{
              display:none!important;
          }
          .five-easy-steps-desktop{
              display:flex!important;
          }
           @media only screen and (max-width: 850px){
               .five-easy-steps-mobile{
              display:flex!important;
          }
          .five-easy-steps-desktop{
              display:none!important;
          }
          }
          @media only screen and (max-width: 500px){
               .five-easy-steps-mobile{
              display:none!important;
          }
          .five-easy-steps-desktop{
              display:flex!important;
              flex-direction:column;
          }
          .five-easy-steps-col{
              
              width:300px;
          }
          }
      </style>
    <section class="sec1-head2" style="margin-top:5%;">
        <h1 class="sec1-head2-h1">Content Diversity Initiatives at M&N Web Graphic</h1>
        <p style="color:#074969;">We're devoted to diversity in all aspects of our product, and we've started a variety of initiatives to help us achieve that goal.</p>
        
        
      </section>
      
     
<section class="carousel-section carousel-sectiondesign five-easy-steps-desktop" style="margin-top:3%; margin-bottom:5%;">
         <div class="carousel-section-col"><img class="carousel-section-col-img2" src="graphic-images/pexels-photo-3184339.jpeg" alt="">
                                            <p class="features-title" style="text-align:left;"><strong>Increasing the visibility of new and diverse creators</strong> <br></p>
                                            <p class="feat-paragraph" style="text-align:left;">Through our regular 'Photographer Spotlight' emails and new creator discovery sites, we'll leverage our platform to highlight the creativity of new and diverse creators.</p></div>
                                           
         <div class="carousel-section-col"><img class="carousel-section-col-img2" src="graphic-images/pexels-photo-1181472.jpeg" alt="">
                                            <p class="features-title" style="text-align:left;"><strong>Investing in the Discoverability of Content</strong> <br>
                                           </p>
                                           <p class="feat-paragraph" style="text-align:left;">Having excellent content is only half the battle; the other half is ensuring that people can find it. To keep uncovering varied material, we're updating our search engines.</p></div>
        
         <div class="carousel-section-col"><img class="carousel-section-col-img2" src="graphic-images/pexels-photo-3184436.jpeg" alt="">
                                            <p class="features-title" style="text-align:left;"><strong>Increasing the size of our global creator community</strong> <br>
                                           </p>
                                           <p class="feat-paragraph" style="text-align:left;">We're expanding our global creator program to collaborate with incredible people from all around the world to create unique content that reflects their location, community, and culture.</p></div>
        
        
        
        
       
     </section>
<section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
        <div class="carousel-section-col"><img class="carousel-section-col-img2" src="graphic-images/pexels-photo-3184339.jpeg" alt="">
                                            <p class="features-title" style="text-align:left;"><strong>Increasing the visibility of new and diverse creators</strong> <br></p>
                                            <p class="feat-paragraph" style="text-align:left;">Through our regular 'Photographer Spotlight' emails and new creator discovery sites, we'll leverage our platform to highlight the creativity of new and diverse creators.</p></div>
                                           
         <div class="carousel-section-col"><img class="carousel-section-col-img2" src="graphic-images/pexels-photo-1181472.jpeg" alt="">
                                            <p class="features-title" style="text-align:left;"><strong>Investing in the Discoverability of Content</strong> <br>
                                           </p>
                                           <p class="feat-paragraph" style="text-align:left;">Having excellent content is only half the battle; the other half is ensuring that people can find it. To keep uncovering varied material, we're updating our search engines.</p></div>
        
        
         
        
       
     </section>
     
     <section class="carousel-section carousel-sectiondesign five-easy-steps-mobile" style="margin-top:3%; margin-bottom:5%;">
        
        <div class="carousel-section-col"><img class="carousel-section-col-img2" src="graphic-images/pexels-photo-3184436.jpeg" alt="">
                                            <p class="features-title" style="text-align:left;"><strong>Increasing the size of our global creator community</strong> <br>
                                           </p>
                                           <p class="feat-paragraph" style="text-align:left;">We're expanding our global creator program to collaborate with incredible people from all around the world to create unique content that reflects their location, community, and culture.</p></div>
        
        
        
        
        
       
     </section>

<section class="banner-bottom-new">
         <div class="banner-bottom-new-col">
             <h1 class="banner-bottom-new-h1">Become a member of M&N Web Graphic's Diverse Creator Program.</h1>
         <p>We're on a mission to build the world's most diversified content library, and we'd love to collaborate with you.</p>
       
        <div style="margin-top:20px; display:flex;"> <a class="butttondesign" href="https://mandnweb.com/contact">Get Involved</a></div>
         
         </div>
         <div class="banner-bottom-new-col">
             <img class="banner-bottom-new-col-images" src="" alt="">
         </div>
         
     </section>

</style>

.sec1-head2 {
        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;
        
        }
        .header-paragraph2{
            text-align:center;
             line-height: 26px;
        color: #074969;
        font-size: 16px;
        
        }

.sec1-head2 h1 {
        text-align: center;
        color: #074969;
        font-size: 32px;
        font-weight: 700;
        margin-bottom:5px;
        }
        .sec1-head2 p{
            text-align: center;
                margin-top: 0px;
                color: #ffffff;
                font-size: 18px;
                font-weight: 400;
                line-height: 29px;
                
        }
        
        @media only screen and (max-width: 680px){
            .sec1-head2{
                padding: 0px 5% 20px 5%;
            }
                .sec1-head2 h1 {
                         
                        padding:0% 1%;
    
                }
                .sec1-head2 p{
                        font-size: 16px;
                }}
      </style>
   
  
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   <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("graphic-images/pexels-photo-3184424.jpeg");
       
       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>

</body>
</html>

芝麻web文件管理V1.00

Staff Log In