legere modif

[ific.git] / project / templates / side.html

{% load cms_tags menu_tags%}
<!-- PARTIE DROITE -->   
     <aside>
     	
         <!-- recherche et reseaux -->
        <div class="outil">
            <div class="forml">
                <form id="searchform" name="searchform" action="/recherche/" method="get">
                          <div class="fieldcontainer">
                            <input type="text" name="q" id="id_q" class="searchfield" placeholder="Rechercher ..." tabindex="1">
                            <input type="submit" name="searchbtn" id="searchbtn" value="">    
                        </form>
                </div>
            </div>
             <div class="reseau">
                        <h4> Suivez-nous : </h4>
                        {% if media_list %}
                        <ul class="icone">
                            <a href="{{ media_list.0.lien_twitter }}"  target="_blank"><li class="icone-1"></li></a>
                            <a href="{{ media_list.0.lien_facebook }}"  target="_blank"><li class="icone-2"></li></a>
                            <a href="{{ media_list.0.lien_rss }}" target="_blank"><li class="icone-3"></li></a>
                            <a href="{{ media_list.0.lien_youtube }}" target="_blank"><li class="icone-4"></li></a>
                        </ul>
                        <ul class="rs">
                            <li class="rs-1"><a href="{{ media_list.0.lien_twitter }}" target="_blank">sur Twitter</a></li>
                            <li class="rs-2"><a href="{{ media_list.0.lien_facebook }}" target="_blank">sur Facebook</a></li>
                            <li class="rs-3"><a href="{{ media_list.0.lien_rss }}" target="_blank">sur Flux Rss</a></li>
                            <li class="rs-4"><a href="{{ media_list.0.lien_youtube }}" target="_blank">sur Youtube</a></li>
                        </ul>
                        {% else %}
                        	<p>Pas de médias sociaux</p>
                        {% endif %}
                    </div>
        </div>
     
        <div class="bloc_right">
                   <h2>Missions de l'IFIC</h2>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d1.jpg" class="droite"/><a href="{% page_url "missions" %}">Service conseil et expertise</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d2.jpg" class="droite"/><a href="{% page_url "missions" %}">Formation et Sensibilisation</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d3.jpg" class="droite"/><a href="{% page_url "missions" %}">Recherche et Veille</a></div>
                 </div>
        
                <div class="bloc_right">
                   <h2>Ressources</h2>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d4.jpg" class="droite"/><a href="{% page_url "ressources" %}">Écrits</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d5.jpg" class="droite"/><a href="{% page_url "ressources" %}">Images et Vidéos</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d6.jpg" class="droite"/><a href="{% page_url "ressources" %}">Pédagogie TICE</a></div>
                 </div>
  
        <div class="bloc_right">
             <h2>Nuage de mots clefs</h2> 
            <div id="tagsphere">
                <ul class="kk">
                    <li><a href="#">utilité</a></li>
                    <li><a href="#">ergonomie</a></li>
                    <li><a href="#">homogène</a></li>
                    <li><a href="#">Book</a></li>
                    <li><a href="#">Flip-book</a></li>
                    <li><a href="#">Moodle</a></li>
                    <li><a href="#">intuition</a></li>
                    <li><a href="#">Muve</a></li>
                    <li><a href="#">LCMS</a></li>
                    <li><a href="#">FOAD</a></li>
                    <li><a href="#">Libérez-un-livre</a></li>
                    <li><a href="#">efficacité</a></li>
                    <li><a href="#">efficience</a></li>
                    <li><a href="#">design</a></li>
                    <li><a href="#">interface utilisateur</a></li>
                    <li><a href="#">Courbe d'apprentissage</a></li>
                    <li><a href="#">MMOG</a></li>
                    <li><a href="#">Livre-voyageur</a></li>
                    <li><a href="#">convivialité</a></li>
                </ul>
            </div>
        </div>
        
     </aside>