Bonjour
Je me permet de venir vers vous demander s'il existe de bonnes astuces pour modifier un template html.
J'ai payé un template html et je me suis jétée dans le code et bizarre j'ai effacé et remplacé un bloc par un autre, du coup j'ai perdu le coté responsive de cette partie.
Voici le template de départ que j'ai payé : http://www.unbranded.co/dexter/index08.html
Ma question est comment rendre responsive le bloc que j'ai modifié ? Merci de votre aide, si vous avez déjà eu à faire ce genre de chose.
Voici le template modifié : http://mlcom.net/
Le bloc modifié et qui n'est plus responsive est la partie "La fondatrice". Voici le code de ce bloc :
*mise en forme des liens
Modifié par 6l20 (15 Dec 2015 - 21:41)
Je me permet de venir vers vous demander s'il existe de bonnes astuces pour modifier un template html.
J'ai payé un template html et je me suis jétée dans le code et bizarre j'ai effacé et remplacé un bloc par un autre, du coup j'ai perdu le coté responsive de cette partie.
Voici le template de départ que j'ai payé : http://www.unbranded.co/dexter/index08.html
Ma question est comment rendre responsive le bloc que j'ai modifié ? Merci de votre aide, si vous avez déjà eu à faire ce genre de chose.
Voici le template modifié : http://mlcom.net/
Le bloc modifié et qui n'est plus responsive est la partie "La fondatrice". Voici le code de ce bloc :
<!-- Team : starts -->
<section id="team" class="team nav-highlight">
<!-- Section Header : starts -->
<section class="section-header text-center">
<!-- Section Header Overlay -->
<div class="section-header-overlay colorTrans-bg"></div>
<svg class="slant-top slant-type1" preserveAspectRatio="none" viewBox="0 0 100 100">
<path d="M0 0 L0 100 L110 0 Z"/>
</svg>
<!-- Container : starts -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="section-header-name">LA FONDATRICE</h4>
<!-- <p class="section-header-text">Behind the scene</p>-->
</div>
</div>
</div>
<!-- Container : ends -->
<svg class="slant-bottom slant-type2" preserveAspectRatio="none" viewBox="0 0 100 100">
<path d="M0 100 L100 100 L110 0 Z"/>
</svg>
</section>
<!-- Section Header : ends -->
<style type="text/css">
.fonda table p {
color: #FFFFFF;
text-align: center;
}
</style>
<div class="fonda">
<table style="background:#2E2E2E">
<tr>
<th><img class="fondatrice" src="images/team/leatitia.jpg" alt="La fondatrice Laetitia MEBALEY" width="500"></th>
<th >
<p>
Bonjour ! <br> Je suis Laetitia MEBALEY, une chef de projet en Communication, créative et rigoureuse.
<p>
</p>
<br>
</p>
<p>
<p>
</p>
</p>
<p id="yui_3_16_0_1_1450082944288_93747">
Après 5<strong> ans d’expérience</strong> <strong>dans la communication traditionnelle et la Presse</strong>, en France et à l’international (Afrique) et
dans des sociétés de divers secteurs (web, presse, beauté, associatif, politique, B2C, B2B…), je mets à présent mes compétences au service de votre TPE,
PME, startup ou votre Organisation.
<p>
</p>
</p>
<p>
<p>
</p>
</p>
<br>
<p id="yui_3_16_0_1_1450082944288_93761">
Titulaire d’un Master en Communication spécialisé en RP de <strong>L'Ecole Supérieure de Gestion et de Commerce Internationale (ESGCI du Groupe ESG)</strong>, j’assure votre communication aussi bien en Europe, et
en Afrique.
<p>
</p>
</p>
<p>
<p>
</p>
</p>
<br>
<p id="yui_3_16_0_1_1450082944288_93762">
<strong>Stratégie, branding, relations presse et publiques </strong>
: la communication est mon cœur de métier. J’élabore et mets en oeuvre des plans pour permettre à des organisations de tous secteurs d’atteindre leurs
publics. À l’ère du numérique, il m’a semblé également incontournable d’adapter mon savoir-faire aux leviers digitaux. Ainsi, depuis 3 ans, je développe
mon expertise en <strong>communication web, référencement, content marketing, RP 2. 0, blogging et réseaux sociaux</strong>.
<p>
</p>
</p>
<p>
<p>
</p>
</p>
<br>
<p>
Vous souhaitez développer la notoriété de votre business ? Parlons-en autour d’un café !
<p>
</p>
</p>
<p id="yui_3_16_0_1_1450082944288_93767">
<p>
</p>
</p>
<br>
<p id="yui_3_16_0_1_1450082944288_93768">
Pour voir mon profil professionnel: <a href="https://fr.linkedin.com/in/laetitia-mebaley-113a3454" target="_blank">https://fr.linkedin.com/in/laetitia-mebaley-113a3454</a>
<p>
</p>
</p>
<p>
<p>
</p>
</p>
<p>
<p>
</p>
</p>
</th>
</tr>
</table>
</div>
</section>*mise en forme des liens
Modifié par 6l20 (15 Dec 2015 - 21:41)