Texte sur deux colonnes

Ce composant permet de présenter des informations sous forme de listes ou de blocs de texte court, affichés sur 2 colonnes. Pour afficher du contenu sous forme de liste simple, référez-vous à la page listes

bg gray - list (check)

  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet.
<div class="container-content">
	<div class="o-twoCols">
		<div class="twoCols-block   bg-gray-100 ">
			 <h2>	bg gray - list (check)</h2> 			<div class="twoCols-container">
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li  class="list-has-check" > Lorem ipsum dolor sit amet. </li>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																			</ul>




													</div>
					</div>
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li  class="list-has-check" > Lorem ipsum dolor sit amet. </li>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet. </li>
																			</ul>




													</div>
					</div>
							</div>
		</div>
	</div>
</div>

bg primary - list (check)

  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet..
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet.
<div class="container-content">
	<div class="o-twoCols">
		<div class="twoCols-block   bg-primary-light ">
			 <h2>	bg primary - list (check)</h2> 			<div class="twoCols-container">
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li  class="list-has-check" > Lorem ipsum dolor sit amet. </li>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																			</ul>




													</div>
					</div>
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li  class="list-has-check" > Lorem ipsum dolor sit amet.. </li>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li  class="list-has-check" > Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet. </li>
																			</ul>




													</div>
					</div>
							</div>
		</div>
	</div>
</div>
<div class="container-content">
	<div class="o-twoCols">
		<div class="twoCols-block   bg-gray-100 ">
			 <h2>	bg gray - liens</h2> 			<div class="twoCols-container">
									<div class="twoCols-item">
					 <h3>Lorem ipsum dolor sit </h3> 						<div class="wysiwyg">



																								<p><a href="#" alt=""> Déposer une offre ou recruter un étudiant </a></p>
																	<p><a href="#" alt=""> Devenir partenaire privilégié de l'université </a></p>
																	<p><a href="#" alt=""> Former vos collaborateurs </a></p>


													</div>
					</div>
									<div class="twoCols-item">
					 <h3>Lorem ipsum dolor sit </h3> 						<div class="wysiwyg">



																								<p><a href="#" alt=""> Lorem ipsum dolor sit amet.. </a></p>
																	<p><a href="#" alt=""> Monter un projet avec nos étudiants </a></p>
																	<p><a href="#" alt=""> Devenir partenaire privilégié de l'université </a></p>


													</div>
					</div>
							</div>
		</div>
	</div>
</div>

bg gray - text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<div class="container-content">
	<div class="o-twoCols">
		<div class="twoCols-block   bg-gray-100 ">
			 <h2>	bg gray - text</h2> 			<div class="twoCols-container">
									<div class="twoCols-item">
											<div class="wysiwyg">





																								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
																					</div>
					</div>
									<div class="twoCols-item">
											<div class="wysiwyg">





																								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
																					</div>
					</div>
							</div>
		</div>
	</div>
</div>

bg gray - list IGN

  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet.
<div class="container-content">
	<div class="o-twoCols">
		<div class="twoCols-block   bg-gray-100 ">
			 <h2>	bg gray - list IGN</h2> 			<div class="twoCols-container">
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li > Lorem ipsum dolor sit amet. </li>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																			</ul>




													</div>
					</div>
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li > Lorem ipsum dolor sit amet. </li>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet. </li>
																			</ul>




													</div>
					</div>
							</div>
		</div>
	</div>
</div>

No bg gray - list IGN

  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Lorem ipsum dolor sit amet.
  • Des spécialisations et double-diplômes dans des écoles partenaires
  • Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet.
<div class="container-content">
	<div class="o-twoCols">
		<div class="twoCols-block ">
			 <h2>	No bg gray - list IGN</h2> 			<div class="twoCols-container">
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li > Lorem ipsum dolor sit amet. </li>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																			</ul>




													</div>
					</div>
									<div class="twoCols-item">
											<div class="wysiwyg">

																<ul>
																					<li > Lorem ipsum dolor sit amet. </li>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires </li>
																					<li > Des spécialisations et double-diplômes dans des écoles partenaires, Lorem ipsum dolor sit amet. </li>
																			</ul>




													</div>
					</div>
							</div>
		</div>
	</div>
</div>