خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

Responsive CSS Image going outside the body, need help!

My Index.html File
Code:
<!DOCTYPE html><html lang="en">
<head><meta charset="utf-8" >
<meta
        name="viewport"
        content="width=device-width,height=device-height,initial-scale=1"
><!-- tell mobile browsers we know what we're doing! -->
<link
        rel="stylesheet"
        href="MDN2.css"
        media="screen,projection,tv"
><!-- HTML 5 validation kvetches about projection,tv; **** that noise! -->
<title>Pittsburgh Website Design Company About Page</title>
        <meta name="Keywords" content="Consultative Website Development. Logo Design, Custom Website & Software Development, SEO, Social Media Management, Web Hosting. Pittsburgh's full-service streamline media company."/>
        <meta name="Description" content="Pittsburgh-based web design, website development & branding. Our web design process focuses on fully understanding your online audience and business goals."/>
</head><!-- End of my header -->
<body>
        <nav>
        <div id="logo"><h1><a href="/">412MEDIA<span itemscope itemtype="http://schema.org/Organization">DESIGN</span></a></h1></div>

        <label for="drop" class="toggle">Menu</label>
        <input type="checkbox" id="drop" />
            <ul class="menu">
                <li>
                    <!-- First Tier Drop Down -->
                    <label for="drop-1" class="toggle">Our Services</label>
                    <a href="#">Services</a>
                    <input type="checkbox" id="drop-1"/>
                    <ul>
                        <li><a href="#">Website Design</a></li>
                        <li><a href="#">Branding & Design</a></li>
                        <li><a href="#">Digital Advertising</a></li>
                                                <li><a href="#">Content Marketing</a></li>
                        <li><a href="#">Social Media Marketing</a></li>
                        <li><a href="#">Search Engine Optimization</a></li>
                        <li><a href="#">Streamline Marketing</a></li>
                        <li><a href="#">Offline Marketing R.O.I Audit</a></li>                                               
                    </ul>

                </li>
                <li>

                <!-- First Tier Drop Down -->
                <label for="drop-2" class="toggle">Web Design +</label>
                <a href="#">Web Design</a>
                <input type="checkbox" id="drop-2"/>
                <ul>
                    <li><a href="#">Resources</a></li>
                    <li><a href="#">Links</a></li>
                    <li>
                     
                    <!-- Second Tier Drop Down -->       
                    <label for="drop-3" class="toggle">Tutorials +</label>
                    <a href="#">Tutorials</a>       
                    <input type="checkbox" id="drop-3"/>

                    <ul>
                        <li><a href="#">HTML/CSS</a></li>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">Other</a></li>
                    </ul>
                    </li>
                </ul>
                </li>
                <li><a href="#">Graphic Design</a></li>
                <li><a href="#">Inspiration</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">About</a></li>
            </ul>
        </nav>
<div id="hireUs">         
        <h3>LOOKING FOR WEBSITE DESIGN & MARKETING?</h3>
        <span class="google-logo"><span class="google-G">G</span><span class="google-o1">o</span><span class="google-o2">o</span><span class="google-g">g</span><span class="google-l">l</span><span class="google-e">e</span></span><b>Partner</b>
                <p>23% of website design companies in the United States have their Google Partner status!</p>
                <hr>
                <p>YOU HAVE LANDED AT THE RIGHT PLACE!</p>
               
      </div>
        <div class="widthConstraint"> 
          <div class="containerHero">
<div class="screen monitor">
  <div class="content">
    <div class="pg">
      <ul class="btns">
        <li></li><li></li><li></li>
      </ul>
      <ul class="txt">
        <li></li>       
        <li></li>
        <li class="thin"></li>
        <li class="thin"></li>
        <li class="thin"></li>
      </ul> 
    </div>
  </div>
  <div class="base">
    <div class="grey-shadow"></div>
    <div class="foot top"></div>
    <div class="foot bottom"></div>
    <div class="shadow"></div>
    <div class="keyboard">
      <div class="btm"></div>
      <ul class="keys">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <div class="shadow"></div>
    </div>
  </div>
</div>
  <div class="laptop">
    <div class="content">
      <ul class="txt txt-laptop">
        <li></li>       
        <li></li>
        <li class="thin"></li>
        <li class="thin"></li>
        <li class="thin"></li>
      </ul>         
    </div>
    <div class="btm"></div>
    <div class="shadow"></div>
  </div>
  <div class="phone">
    <div class="screen">
      <div class="content">
            <ul class="txt">
              <li></li>
              <li></li>
              <li></li>
            </ul>
      </div>
    </div> 
 
  <div class="shadow"></div> 
 
  </div>
 </div></div>
 <br>
        <p>We design, develop and market websites online, to conquer social media, and search engine results.</p>         
<section class="inline-block-wrapper container">
  <div class="inline-block box">
    <h2>WEBSITE DESIGN</h2>
  </div>
  <div class="inline-block box">
    <h2>CONTENT MARKETING</h2>
  </div>
  <div class="inline-block box">
    <h2>SOCIAL MEDIA MARKETING</h2>
  </div>
  <div class="inline-block box">
    <h2>STREAMLINE MARKETING</h2>
  </div>
</section>

<div id="whoWeAre" class="featureSection">
        <h2>WHAT IS STREAMLINE MARKETING, WHY DO YOU NEED IT?</h2>
        <div class="widthConstraint">
                <div>
                        <h3>STREAMLINE MARKETING</h3>
                        <p>
                                Streamline media is when the web design developers and media design work closely together to make sure they are creating a marketing plan that is streamline across all platforms.  Content is done first, then the design is made to fit the content across each platform, such as online, tv, radio, print.
                        </p>
                        <p>
                                Since people are online searching for information when they come visit your website, we make sure that our developers and designers work together to put your content first.Content first approach allows us to create a site for your consumers first and foremost.
            </p>
                </div>
                <div>
                        <h3>WHY DO YOU NEED IT?</h3>
                                <p>
                                        The user enjoys their time on the site and comes back and even recommends it to their friend
                                </p>
                                <p>
                                        Many times, sites fail because they do not learn to keep the attention of their target audience, instead they worry about the visual aspect of the site as if it was print media. We understand Print media and Online media are two different things.
                                </p>
                                <p>
                                        We have streamline our online marketing with our print marketing as well to help your business reach its goals across all media platforms. We utilize the latest technologies to Track R.O.I and the latest analytics to track online retentions.
                                </p>
                       
                </div>
                <div>
                        <h3>REASON TO STREAMLINE!</h3>
                                    <p>
                                We track your R.O.I’s across all media platforms so you can see which investment is paying off and which ones are not, understanding which advertising investment is working and which one is not will allow you to drop the ones that are not and double done on the ones that are.
                        </p>
            <p>
                                We have seen savings upwards of 232% in marketing spending while seeing an increase of 48% in new leads coming from less hen half of their original marketing budget after 8 months of our services. Typical are around 50% savings with 23% more leads.
                        </p>
            <p>
                                With our Pittsburgh Website Design, SEO, and Branding teams we have streamlined the process for you.
                        </p>       
                </div>
        <!-- .widthConstraint --></div>
<!-- #whoWeAre --></div>
<div id="readyToLaunch">
        <div class="widthConstraint">
                <div>
                        <h2>Ready to launch your next project? Contact us today!</h2>
                        <p>
                                Come test drive our service out! That’s right we offer a free week of our service to qualifying customers, Limited offers available each month.
                        </p>
                        <p>
                                Try our Website Design service, We will design up-to 3 pages for a Local Pittsburgh Business, Must be local!
                        </p>
                        <hr><a href="tel:+17245155675"><b>(724)515-5675</b></a>
                        <p>
                                <strong>Try Our Website SEO Service, with Weekly reporting!</strong>
                        </p>
                </div>
        <!-- .widthConstraint --></div>
<!-- #readyToLaunch --></div>
<div id="whyhire412" class="featureSection">
        <h2>What makes us different?</h2>
        <div class="widthConstraint">
                <div>
                        <h3>STRATEGY.</h3>
                        <p>
                                We start every project with a process we have refined over the years to help us understand what your business mission and goals are. We then are able to measure the success of your R.O.I to insure a successful outcome.
                        </p>
                        <p>
                                By doing this we can see what campaigns are making you money and which ones are not, and double down on the profitable ones while eliminating excess cost.
                        </p>
</div>
                <div>
                        <h3>INTEGRATED SERVICES.</h3>
                        <p>
                                I have Streamlined Marketing,Branding, Website Design and Development into a single system. I handle your site from start to end!
                        </p>
                        <p>
                        No more needingto hire a Marketing agency, A website design company and a SEO company. I can do it all. With close to 30 years of experience I have an understanding of what search engines want to see, and I spoon feed them by hand to make sure your site flourishs.
                        </p>
                </div>
                <div>
                        <h3>LIVE IMPROVEMENTS.</h3>
                        <p>
                                Since we are your one stop Marketing firm in Pittsburgh, We can monitor all aspects of your marketing plan, not just online but off.
                        <p>
                                Utalizing all the latest techonolgies it the field of marketing. This allow us to contious improve you R.O.I and in return lower your over all markerting cost while see'ig hirgher returns.
                        </p>
                </div>
        <!-- .widthConstraint --></div>
<!-- #whyHire412 --></div>

               

                © 2017 S.M.Brunson Design ALL RIGHTS RESERVED D.B.A 412MEDIADESIGN.com
</body>
</html>
Live example at Website New Landing Page

برچسب: نویسنده: آیلین رضوانی تاريخ: دوشنبه 25 دی 1396 ساعت: 6:23

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه