Team:Fatih-Medical/Testpage

From 2012.igem.org

(Difference between revisions)
Line 5: Line 5:
#top-section { visibility: hidden; }
#top-section { visibility: hidden; }
</style>
</style>
 +
</html>
 +
 +
 +
 +
<body>
 +
<div class="bg">
 +
<div class="bg2">
 +
<!--==============================header=================================-->
 +
<header>
 +
    <div class="main">
 +
        <h1><a href="index.html">StarCorp</a></h1>
 +
        <ul class="icons">
 +
            <li><a class="normatip" title="Twitter" href="more.html"><img src="images/icon1.png" alt=""></a></li>
 +
            <li><a class="normatip" title="Rss" href="more.html"><img src="images/icon2.png" alt=""></a></li>
 +
            <li><a class="normatip" title="Fecebook" href="more.html"><img src="images/icon3.png" alt=""></a></li>
 +
        </ul>
 +
    <nav>
 +
            <ul class="sf-menu">
 +
                <li class="current"><a href="index.html">About us</a><ul>
 +
                        <li><a href="more.html">Company</a><ul>
 +
                                <li><a href="more.html">Our Team</a></li>
 +
                                <li><a href="more.html">What We Do</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="more.html">Latest News</a></li>
 +
                        <li><a href="more.html">Contacts</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="index-1.html">Services</a></li>
 +
                <li><a href="index-2.html">Solutions</a></li>
 +
                <li><a href="index-3.html">Support</a></li>
 +
                <li><a href="index-4.html">Training</a></li>
 +
                <li><a href="index-5.html">Contacts</a></li>
 +
            </ul>
 +
            <div class="bottom"></div>
 +
    </nav>
 +
    </div>
 +
</header>
 +
<div class="content_1">
 +
<div class="shadow"></div>
 +
    <div class="content_2">
 +
    <div class="flash-1">
 +
        <div class="flash">
 +
            <div id="head">
 +
                <div class="aligncenter"><a href="http://www.adobe.com/go/EN_US-H-GET-FLASH"><img src="http://www.adobe.com/images/shared/download_buttons/get_adobe_flash_player.png" alt="" /></a></div>
 +
            </div>
 +
            <script>
 +
                var fo = new FlashObject("flash/header_v8.swf", "head", "1000", "499", "8", "");
 +
                fo.addParam("quality", "high");
 +
                fo.addParam("wmode", "transparent");
 +
                fo.addParam("scale", "noscale");
 +
                fo.write("head");
 +
            </script>
 +
        </div>
 +
    </div>
 +
<!--==============================content================================-->
 +
<section id="content">
 +
    <div class="container_24">
 +
        <div class="wrapper">
 +
        <article class="grid_8">
 +
            <div class="padding-left">
 +
                <div class="block">
 +
                    <strong>Target</strong> Marketing
 +
                        <a href="more.html"></a>
 +
                    </div>
 +
                <div class="block">
 +
                    <strong>Market</strong> Research
 +
                        <a href="more.html"></a>
 +
                    </div>
 +
                <div class="block">
 +
                    <strong>Powerful</strong> Analytics
 +
                        <a href="more.html"></a>
 +
                    </div>
 +
                <div class="block">
 +
                    <strong>Business</strong>  Strategies
 +
                        <a href="more.html"></a>
 +
                    </div>
 +
                </div>
 +
            </article>
 +
            <article class="grid_15">
 +
            <h1>Welcome</h1>
 +
                <p>Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit. Anim in laborum excepteur sint occaecat.</p>
 +
                <p class="border-bot"><a href="more.html">Duis aute irure dolor in repreheder invoptate</a> velit cillum dolore inugiat officia deserunt molit anim in laborum excepteur sint occaiecat cupidatan oin proident. Sunt in culpa qui officia deserunt.ollit anim.</p>
 +
                <h2>Best Services for You!</h2>
 +
                <div class="wrapper border-bot1">
 +
                <figure class="img-indent"><a class="lightbox-image" data-gal="prettyPhoto[1]" href="images/page1-img1-big.jpg"><img class="radius" src="images/page1-img1.jpg" alt=""></a></figure>
 +
                    <div class="extra-wrap">
 +
                    <h4>Market Assessment</h4>
 +
                        <p class="p1">Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit laborum.</p>
 +
                        <a class="button" href="more.html">Learn More</a>
 +
                    </div>
 +
                </div>
 +
                <div class="wrapper border-bot1">
 +
                <figure class="img-indent"><a class="lightbox-image" data-gal="prettyPhoto[1]" href="images/page1-img2-big.jpg"><img class="radius" src="images/page1-img2.jpg" alt=""></a></figure>
 +
                    <div class="extra-wrap">
 +
                    <h4>Business Planning</h4>
 +
                        <p class="p1">Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit laborum.</p>
 +
                        <a class="button" href="more.html">Learn More</a>
 +
                    </div>
 +
                </div>
 +
                <div class="wrapper">
 +
                <figure class="img-indent"><a class="lightbox-image" data-gal="prettyPhoto[1]" href="images/page1-img3-big.jpg"><img class="radius" src="images/page1-img3.jpg" alt=""></a></figure>
 +
                    <div class="extra-wrap">
 +
                    <h4>Support Center</h4>
 +
                        <p class="p1">Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit laborum.</p>
 +
                        <a class="button" href="more.html">Learn More</a>
 +
                    </div>
 +
                </div>
 +
            </article>
 +
        </div>
 +
    </div>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<ul id="mycarousel" class="jcarousel-skin-tango">
 +
    <li><a href="more.html"><img src="images/carousel-banner1.jpg" alt=""></a></li>
 +
    <li><a href="more.html"><img src="images/carousel-banner2.jpg" alt=""></a></li>
 +
    <li><a href="more.html"><img src="images/carousel-banner3.jpg" alt=""></a></li>
 +
    <li><a href="more.html"><img src="images/carousel-banner4.jpg" alt=""></a></li>
 +
</ul>
 +
<aside>
 +
<div class="container_24">
 +
    <div class="wrapper">
 +
        <article class="grid_6">
 +
            <div class="padding-left">
 +
                    <h3>Best Services</h3>
 +
                    <ul>
 +
                        <li><a href="more.html">Market Research</a></li>
 +
                        <li><a href="more.html">Online Banking</a></li>
 +
                        <li><a href="more.html">Financial Services</a></li>
 +
                        <li><a href="more.html">Client Network Solutions</a></li>
 +
                        <li><a href="more.html">Business Help</a></li>
 +
                    </ul>
 +
                </div>
 +
            </article>
 +
        <article class="grid_6 prefix_2">
 +
            <h3>Popular Items</h3>
 +
                <ul>
 +
                <li><a href="more.html">Solutions &amp; Training</a></li>
 +
                <li><a href="more.html">Affiliate Program</a></li>
 +
                <li><a href="more.html">Production</a></li>
 +
                <li><a href="more.html">Risk Management</a></li>
 +
                <li><a href="more.html">Consultation</a></li>
 +
                </ul>
 +
            </article>
 +
            <article class="grid_6 prefix_2">
 +
            <h3>Newsletter Sign Up</h3>
 +
                <form id="newsletter-form">
 +
                <input type="text">
 +
                    <a class="button1" onClick="document.getElementById('newsletter-form').submit()">Subscribe</a>
 +
                </form>
 +
            </article>
 +
        </div>
 +
    </div>
 +
</aside>
 +
<footer>
 +
<div class="main">
 +
        <div class="fright"><!-- {%FOOTER_LINK} --></div>
 +
        StarCorp © 2011 &nbsp;| &nbsp;<a href="index-6.html">Privacy Policy</a>
 +
    </div>
 +
</footer>
 +
</body>
</html>
</html>

Revision as of 11:25, 9 September 2012


<body>

<header>

Contents

<a href="index.html">StarCorp</a>

  • <a class="normatip" title="Twitter" href="more.html"><img src="images/icon1.png" alt=""></a>
  • <a class="normatip" title="Rss" href="more.html"><img src="images/icon2.png" alt=""></a>
  • <a class="normatip" title="Fecebook" href="more.html"><img src="images/icon3.png" alt=""></a>
   	<nav>
  • <a href="index.html">About us</a>
    • <a href="more.html">Company</a>
      • <a href="more.html">Our Team</a>
      • <a href="more.html">What We Do</a>
    • <a href="more.html">Latest News</a>
    • <a href="more.html">Contacts</a>
  • <a href="index-1.html">Services</a>
  • <a href="index-2.html">Solutions</a>
  • <a href="index-3.html">Support</a>
  • <a href="index-4.html">Training</a>
  • <a href="index-5.html">Contacts</a>
   	</nav>

</header>

           <script>
               var fo = new FlashObject("flash/header_v8.swf", "head", "1000", "499", "8", "");
               fo.addParam("quality", "high");
               fo.addParam("wmode", "transparent");
               fo.addParam("scale", "noscale");
               fo.write("head");
           </script>

<section id="content">

       	<article class="grid_8">
                   	Target Marketing
                       <a href="more.html"></a>
                   	Market Research
                       <a href="more.html"></a>
                   	Powerful Analytics
                       <a href="more.html"></a>
                   	Business  Strategies
                       <a href="more.html"></a>
           </article>
           <article class="grid_15">

Welcome

Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit. Anim in laborum excepteur sint occaecat.

<a href="more.html">Duis aute irure dolor in repreheder invoptate</a> velit cillum dolore inugiat officia deserunt molit anim in laborum excepteur sint occaiecat cupidatan oin proident. Sunt in culpa qui officia deserunt.ollit anim.

Best Services for You!

               	<figure class="img-indent"><a class="lightbox-image" data-gal="prettyPhoto[1]" href="images/page1-img1-big.jpg"><img class="radius" src="images/page1-img1.jpg" alt=""></a></figure>

Market Assessment

Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit laborum.

                       <a class="button" href="more.html">Learn More</a>
               	<figure class="img-indent"><a class="lightbox-image" data-gal="prettyPhoto[1]" href="images/page1-img2-big.jpg"><img class="radius" src="images/page1-img2.jpg" alt=""></a></figure>

Business Planning

Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit laborum.

                       <a class="button" href="more.html">Learn More</a>
               	<figure class="img-indent"><a class="lightbox-image" data-gal="prettyPhoto[1]" href="images/page1-img3-big.jpg"><img class="radius" src="images/page1-img3.jpg" alt=""></a></figure>

Support Center

Duis aute irure dolor in reprehendeit invoptate sit nvelit esse cillum dolore fumgiat officia desemrunt mollit laborum.

                       <a class="button" href="more.html">Learn More</a>
           </article>

</section>

  • <a href="more.html"><img src="images/carousel-banner1.jpg" alt=""></a>
  • <a href="more.html"><img src="images/carousel-banner2.jpg" alt=""></a>
  • <a href="more.html"><img src="images/carousel-banner3.jpg" alt=""></a>
  • <a href="more.html"><img src="images/carousel-banner4.jpg" alt=""></a>

<aside>

       	<article class="grid_6">

Best Services

  • <a href="more.html">Market Research</a>
  • <a href="more.html">Online Banking</a>
  • <a href="more.html">Financial Services</a>
  • <a href="more.html">Client Network Solutions</a>
  • <a href="more.html">Business Help</a>
           </article>
       	<article class="grid_6 prefix_2">

Popular Items

  • <a href="more.html">Solutions & Training</a>
  • <a href="more.html">Affiliate Program</a>
  • <a href="more.html">Production</a>
  • <a href="more.html">Risk Management</a>
  • <a href="more.html">Consultation</a>
           </article>
           <article class="grid_6 prefix_2">

Newsletter Sign Up

               <form id="newsletter-form">
               	<input type="text">
                   <a class="button1" onClick="document.getElementById('newsletter-form').submit()">Subscribe</a>
               </form>
           </article>

</aside> <footer>

       StarCorp © 2011  |  <a href="index-6.html">Privacy Policy</a>

</footer> </body> </html>