commit 24 12 2013

diff --git a/img/pic02gr.psd b/img/pic02gr.psd
index f18498af7e2f95d532177c3adfce63914ba41c8c..b4afbe4327241344fd980100e1753a839ff65c81 100644 (file)
Binary files a/img/pic02gr.psd and b/img/pic02gr.psd differ

diff --git a/tc-case.html b/tc-case.html
index 25695e6fb526c8a3c4001e8765595737819b49e8..bfa84306d10b08572af20fb624f4298ef4c7ce22 100644 (file)
--- a/tc-case.html
+++ b/tc-case.html
@@ -111,7 +111,7 @@
             <!-- /references -->
             
             <!-- contacts -->
-            <li class="current_page_item"><a href="index.html#h-contacts">contacts</a></li>
+            <li class="current_page_item"><a href="#h-contacts">contacts</a></li>
             <li>
              <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
              <ul>
@@ -370,14 +370,109 @@
    </div>
   <!-- /Main Wrapper -->
   <!-- Footer Wrapper -->
-   <div id="wrapper" class="wrapper-copyright color01">
+
+   <div id="footer-wrapper" class="wrapper wrapper-style2 color01">
+       <article id="h-contacts"></article>
+    <div class="title color01 Tcolor10 Bcolor10">contacts</div>
     <div class="container">
      <div class="row">
       <div class="12u">
+
+       <!-- Footer -->
+        <div id="footer" >
+         <header class="style1">
+          <h2>Rencontrons-nous</h2>
+          <p class="byline">
+           Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.<br />
+           Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
+          </p>
+          <ul class="actions">
+          <li><a href="societe.html" class="button button-style3 color02">la societe</a></li>
+          </ul>
+         
+         <hr />
+
+         </header>
+          <div class="row">
+           <div class="6u">
+           
+            <!-- Contact Form -->
+             <section class="footer-one">
+              <form method="post" action="#">
+               <div>
+                <div class="row half">
+                 <div class="6u">
+                  <input type="text" class="text" name="name" id="contact-name" placeholder="Nom" />
+                 </div>
+                 <div class="6u">
+                  <input type="text" class="text" name="name" id="contact-email" placeholder="E-mail" />
+                 </div>
+                </div>
+                <div class="row half">
+                 <div class="12u">
+                  <textarea name="message" id="contact-message" placeholder="Message"></textarea>
+                 </div>
+                </div>
+                <div class="row">
+                 <div class="12u">
+                  <ul class="actions">
+                   <li><input type="submit" class="button button-style2 color02" value="envoyer" /></li>
+                   <li><input type="reset" class="button button-style2 color03" value="annuler" /></li>
+                  </ul>
+                 </div>
+                </div>
+               </div>
+              </form>
+             </section>
+            <!-- /Contact Form -->
+           </div>
+           <div class="6u">
+           
+            <!-- Contacts -->
+             <section class="footer-two">
+              <div class="feature-list feature-list-small">
+               <div>
+                <div class="row">
+                 <div class="6u">
+                  <section>
+                   <h3>Adresse</h3>
+                   <p>
+                    TELECASTING <br />
+                    16 rue Jacques Louvel-Tessier<br />
+                    75010 Paris<br />
+                    France<br />
+                    tel. +33(0)9 51 71 25 75<br />
+                    mob. +33(0)6 20 96 28 53
+                   </p>
+                  </section>
+                 </div>
+                 <div class="6u">
+                  <section>
+                   <h3 >Social</h3>
+                   <p>
+                    <a href="http://twitter.com/n33co">linkedin</a><br />
+                    <a href="http://dribbble.com/n33">facebook</a>
+                   </p>
+                  </section>
+                 </div>
+                </div>
+               
+               </div>
+              </div>
+             </section>
+            <!-- /Contacts -->
+            
+           </div>
+          </div>
+         </div>
+         <hr />
+
+       <!-- /Footer -->
+
        <!-- Copyright -->
         <div id="copyright">
          <span>
-          &copy; telecasting 2013 <a href=""></a>
+           <a href="societe.html">&copy; telecasting 2013</a>
          </span>
         </div>
        <!-- /Copyright -->