
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Applications mobiles B2B connectées au PIM | Catbuilder</title>
    <meta name="description" content="Proposez des applications mobiles B2B connectées à votre PIM pour consulter catalogues, produits et informations commerciales en mobilité.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
	
	<link rel="alternate" hreflang="en" href="https://www.catbuilder.ch/en/news.html">

    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Google fonts-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
    <!-- Icon fonts-->
    <link rel="stylesheet" href="/css/pe-icon-7-stroke.css">
    <!-- Lightbox CSS-->
    <link rel="stylesheet" href="/vendor/lightbox2/css/lightbox.min.css">
    <!-- Leaflet CSS-->
    <link rel="stylesheet" href="/vendor/leaflet/leaflet.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/css/custom.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.1/css/flag-icon.min.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/img/favicon.png">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>
    <!-- navbar-->
	<script>
	function global_replace(text,val1,val2)
	{
		if (!text) return '';
		var tab = text.split(val1);
		return tab.join(val2) 	
	}
		
	function changeLanguage(myLang) {
		const url = new URL(window.location.href);
		var myString = String(url.pathname); 	
		
		var current_language = "fr";	
		var language = new Array("fr","en","nl");
		var url_name = new Array();
		
		url_name[0]= new Array("accueil","logiciel","impression","catalogues_interactifs","catalogues_en_ligne","applications_mobiles","middleware","pim","cms","references","nouveautes","contact");
		url_name[1]= new Array("home","software","print","interactive_catalogs","online_catalogs","mobile_applications","middleware","pim","cms","references","news","contact");
		url_name[2]= new Array("welkom","software","drukwerk","interactieve_catalogi","online_catalogi","mobiele_applicaties","middleware","pim","cms","referenties","nieuws","contact");
		
		var index_current_language = language.indexOf(current_language);
		var index_new_language = language.indexOf(myLang);
				
		myString = global_replace(myString,'/'+current_language+'/','/'+myLang+'/');
		
		var p1 = myString.split('/'+myLang+'/');
		var p2 = p1[1].split(".");
		
		var index_current_page = url_name[index_current_language].indexOf(p2[0]);
			
		myString = global_replace(myString,url_name[index_current_language][index_current_page] , url_name[index_new_language][index_current_page]);
		
		url.pathname = myString;
		window.location.href = url.toString();
		
	}
</script>

<!-- navbar-->
<header class="header">
	<nav class="navbar navbar-expand-lg py-lg-0">
		<div class="container">
			<div class="col-2 px-0"><a href="/fr/accueil.html" class="navbar-brand"> <img src="/images/logo-catbuilder.svg" alt="Logo Catbuilder" class="img-fluid mb-1"></a></div>
			<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right small"><span class="text-uppercase mr-2">Menu</span><i class="fas fa-bars"></i></button>
			<div id="navbarSupportedContent" class="collapse navbar-collapse">
				<ul class="navbar-nav ml-auto d-lg-flex align-items-lg-center">
					<li class="nav-item"><a id="m-home" href="/fr/accueil.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Accueil </a></li>
					<li class="nav-item"><a id="m-software" href="/fr/logiciel.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Logiciel </a></li>
			 		<li class="nav-item dropdown"><a id="m-solutions" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4 dropdown-toggle">Solutions </a>
						<div class="dropdown-menu mt-0">
							<a href="/fr/impression.html" class="dropdown-item small text-uppercase">Impression</a>
							<a href="/fr/catalogues_interactifs.html" class="dropdown-item small text-uppercase">Catalogues interactifs</a>
							<a href="/fr/catalogues_en_ligne.html" class="dropdown-item small text-uppercase">Catalogues en ligne et e-shops b2b</a>
							<a href="/fr/applications_mobiles.html" class="dropdown-item small text-uppercase">Applications mobiles</a>
							<a href="/fr/middleware.html" class="dropdown-item small text-uppercase">Middleware</a>
							<a href="/fr/pim.html" class="dropdown-item small text-uppercase">PIM</a>
							<a href="/fr/cms.html" class="dropdown-item small text-uppercase">CMS</a>
						</div>
					</li>
					<li class="nav-item"><a id="m-reference" href="/fr/references.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Références</a></li>
					<li class="nav-item"><a id="m-news" href="/fr/nouveautes.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">News </a></li>
					<li class="nav-item"><a id="m-contact" href="/fr/contact.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Contact </a></li>
					<li class="nav-item"><a href="javascript:changeLanguage('en')" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4"><span class="flag-icon flag-icon-gb"> </span></a></li>
					<li class="nav-item"><a href="javascript:changeLanguage('nl')" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4"><span class="flag-icon flag-icon-nl"> </span></a></li>
				</ul>
			</div>
        </div>
	</nav>
</header>	
	<section class="py-5 bg-cover bg-gray">
		<div class="container py-2">
			<div  class="nav">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="/fr/home.html"><i class="fa fa-home" aria-hidden="true"></i></a></li>
					<li aria-current="page" class="breadcrumb-item active">Solutions</li>
				</ol>
			</div>
			<h1 class="lined">Applications mobiles</h1>
			<h2 class="lead pb-4">Consultez et commandez vos produits via des applications mobiles dédiées.</h2>
			<h3 class="lead">Les applications mobiles Catbuilder offrent une expérience complète pour la consultation et la commande de vos produits directement depuis un smartphone ou une tablette.<br><br><strong>Les applications sont disponibles sur iOS et Android et peuvent être personnalisées selon votre identité visuelle pour offrir une expérience immersive à vos clients et votre force de vente.</strong></h3>
		</div>
		
    </section>
	
	<section class="py-5">
		
		<div class="container">
  <div class="row justify-content-center mt-4 mb-4">
    <div class="col-12 col-md-10 col-lg-9 col-xl-8 text-center">
	<a href="/images/applicationsmobilescatbuilder.png" data-lightbox="gallery" data-title="Applications mobiles" class="img-fluid mb-2">
      <img 
        src="/images/applicationsmobilescatbuilder.png" 
        alt="Applications mobiles" 
        class="img-fluid"
      >
	  </a>
    </div>
  </div>
</div>
	
	
	
	
		
		<div class="container py-2">
			<div class="row align-items-start"> <!-- Utilisation de align-items-start pour aligner les éléments en haut -->
				<div class="col-lg-12 mb-4 mb-lg-0 pb-4">
					<div class="d-flex align-items-start mb-4">
						<div class="col-lg-2 mb-4 mb-lg-0">
							<a href="https://www.catbuilder.info/appro724/" target="_blank" class="text-reset text-decoration-none">
								<img src="/images/logo_appro_724.png" alt="appro724" class="img-fluid mb-2" style="max-height:128px">
								<h2 class="m-0"><strong>Appro724</strong></h2>
							</a>
						</div>
					</div>
				<h2 class="lead">Une app de <strong>réapprovisionnement</strong> facile et rapide pour tous les utilisateurs du Showcase.<br><br></h2>
				<p class="lead">Avec Appro724, préparez vos commandes directement depuis le terrain, en toute simplicité.<br><br>Naviguez à travers vos articles favoris ou ceux déjà choisis lors de précédentes commandes.<br>Grâce à la fonction de <strong>scan de codes-barres</strong>, vous pouvez ajouter des articles à votre panier depuis votre atelier, votre entrepôt, votre magasin ou même votre camionnette.<br>L’application permet également le <strong>self-scan</strong> en magasin, offrant aux clients et aux utilisateurs la possibilité de scanner eux-mêmes les produits pour les ajouter à leur commande ou vérifier instantanément les informations associées.<br><br>Trouver les articles dont vous avez besoin est un jeu d’enfant grâce à une recherche rapide et une navigation intuitive.<br><br>Modifiez les quantités, vérifiez les prix et le stock en temps réel, et effectuez des <strong>check-stock</strong> directement depuis l’application.Appro724 facilite également les contrôles de stock et les <strong>inventaires</strong>, permettant de vérifier la disponibilité des produits à tout moment, sur le terrain comme en magasin.<br>Gérez vos articles et créez des paniers favoris pour une utilisation future. Envoyez facilement votre panier vers le shop en ligne pour finaliser votre commande.<br><br>Les applications mobiles ont profondément transformé notre manière d’interagir avec les services professionnels. Elles ont rendu les processus plus rapides, plus accessibles et plus connectés.<br>Avec l’essor des smartphones, de nombreux services sont désormais disponibles directement depuis la paume de la main.<br><br>Les applications mobiles ont révolutionné la façon dont nous interagissons avec le monde qui nous entoure. Appro724 s’inscrit pleinement dans cette évolution en proposant une solution intuitive et orientée efficacité.<br>Fini les tracas et les retards liés à des processus de commande complexes : l’application simplifie l’ensemble du parcours, du repérage produit au réapprovisionnement.<br><br>Que vous soyez commercial, client direct ou utilisateur terrain, Appro724 vous permet de commander, scanner, vérifier les stocks et réapprovisionner rapidement et efficacement les articles dont vous avez besoin.<br>Vous gagnez un temps précieux au quotidien.<br><br>De plus, nous proposons des <strong>versions personnalisées</strong> d’Appro724, parfaitement alignées avec votre identité visuelle, afin d’offrir une expérience encore plus immersive à vos utilisateurs, vos clients et votre force de vente.</p>
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-12 col-md-8 col-lg-10">
							<div class="ratio ratio-16x9 mb-4 mt-4">
								<video controls class="w-100">
									<source src="/videos/appro724.mp4" type="video/mp4">
									Votre navigateur ne supporte pas la lecture vidéo.
								</video>
							</div>
						</div>
					</div>
				</div>
				<ul class="list-inline mb-0 text-left">
					<li class="list-inline-item mb-2 mb-lg-0">
						<a class="btn btn-primary btn-lg px-4" href="https://play.google.com/store/apps/details?id=info.catbuilder.appro724" target="_blank">
							<i class="fab fa-google-play mr-3"></i>Google Play
						</a>
					</li>
					<li class="list-inline-item">
						<a class="btn btn-primary btn-lg px-4" href="https://apps.apple.com/be/app/andre-gonay/id1546002681#?platform=iphone" target="_blank"> 
							<i class="fab fa-app-store mr-3"></i>App Store
						</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-12 mb-4 mb-lg-0">
				<div class="d-flex align-items-start mb-4"> <!-- Alignement en haut de l'image et du texte -->
					<div class="col-lg-2 mb-4 mb-lg-0">
						<a href="https://www.catbuilder.info/cat724/ " target="_blank" class="text-reset text-decoration-none">
							<img src="/images/logo_cat_724.png" alt="appro724" class="img-fluid mb-2" style="max-height:128px">
							<h2><strong>Cat724</strong></h2>
						</a>
					</div>
				</div>
				<h2 class="lead"><strong>L'application ultime pour les commerciaux sur le terrain. Grâce à Cat724, prendre des commandes n'a jamais été aussi facile et efficace.</strong><br><br></h2>
				<p>Transformez vos <strong>PDF</strong> en <strong>boutiques numériques hors ligne</strong> et simplifiez vos processus de vente. Téléchargez facilement vos PDFs et synchronisez-les avec le serveur de Catbuilder pour une mise à jour instantanée. Naviguez de manière fluide grâce aux hyperliens internes intégrés dans les PDFs, facilitant ainsi la recherche et la consultation des articles.<br><br>Trouvez rapidement des articles en utilisant la fonction classique de recherche ou en <strong>scannant simplement un code-barres</strong>. Une fois que vous avez sélectionné les articles souhaités, ajoutez-les facilement à votre panier en cliquant sur leur référence, puis ajustez les quantités commandées selon vos besoins.<br><br>Avec Cat724, vérifiez aisément le contenu de votre panier, y compris les quantités et le total de la commande. Demandez à vos clients de confirmer la commande en y apposant <strong>leur signature électronique</strong>, ajoutant ainsi une couche supplémentaire de validation.<br><br>Une fois la commande prête, L'application génère automatiquement le contenu de l'email de commande et crée un brouillon d'email dans votre application de messagerie. <strong>Vous pouvez ainsi facilement éditer et envoyer l'e-mail.Même si vous n'êtes pas connecté</strong> à internet, Cat724 stocke l'email pour un envoi ultérieur dès que vous serez à nouveau en ligne. </p>
				<ul class="list-inline mb-0 mt-4">					
					<li class="list-inline-item">
						<a class="btn btn-primary btn-lg px-4" href="https://apps.apple.com/be/app/andre-gonay/id1660282247?platform=iphone" target="_blank">
							<i class="fab fa-app-store mr-3"></i>App Store
						</a>
					</li>
				</ul>
			</div>
		</div>	
	</div>
</section>


	<section class="py-5">
<div class="container mt-5">
	<h2 class="lined black">Questions et réponses sur Catbuilder</h2>
	<div id="accordion">

    <div class="card">
      <div class="card-header" id="heading1">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse1">Comment peut-on acheter Catbuilder ?</button></h3>
      </div>
      <div id="collapse1" class="collapse" data-parent="#accordion">
        <div class="card-body">
			<h3 class="text-small ml-4">Catbuilder est vendu sous la forme d’une licence d’utilisation. Il s'agit d’un achat unique.</h3>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="card-header" id="heading2">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse2">Quelles sont les conditions requises pour faire fonctionner Catbuilder ?</button></h3>
      </div>
      <div id="collapse2" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Catbuilder fonctionne sur toutes les versions modernes de Windows, sur un PC ou un serveur avec 2 Go de mémoire vive disponible. Un disque rapide SSD est recommandé. L'espace occupé sur le disque par la base de données dépend principalement de la taille totale des images que vous allez utiliser. On recommande de réserver 4x cette taille sur le disque.</h3>
        </div>
      </div>
    </div>
	
    <div class="card">
      <div class="card-header" id="heading3">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse3">Dans quelles langues est disponible Catbuilder ?</button></h3>
      </div>
      <div id="collapse3" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">L'interface de l'application est disponible dans les langues suivantes: Français, Allemand, Anglais, Néerlandais</h3>
        </div>
      </div>
    </div>	

    <div class="card">
      <div class="card-header" id="heading4">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse4">Faut-il prévoir d'autres logiciels pour utiliser Catbuilder ?</button></h3>
      </div>
      <div id="collapse4" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Catbuilder est une application autonome. Le seul logiciel dont l'installation doit être prévue en plus, c'est une imprimante qui permet de générer un fichier PDF, comme PDFCreator, Adobe PDF printer, Bullzip PDF printer ... </h3>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="card-header" id="heading5">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse5">Est-ce qu'il existe une version cloud de Catbuilder ?</button></h3>
      </div>
      <div id="collapse5" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Si votre infratructure informatique est insuffisante ou si vous travaillez à plusieurs sur Catbuilder mais que vous n'êtes pas sur un LAN/WAN d'entreprise, nous pouvons mettre une version Cloud à disposition sur un de nos serveurs. Temporairement ou à plus long terme.</h3>
        </div>
      </div>
    </div>
	
    <div class="card">
      <div class="card-header" id="heading6">
        <h3 class="mb-0">
          <button class="btn btn-link" data-toggle="collapse" data-target="#collapse6">
            Combien coûte Catbuilder ?
          </button>
        </h3>
      </div>
      <div id="collapse6" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Le tarif de Catbuilder dépend principalement des modules complémentaires et des éventuelles personnalisations nécessaires selon vos besoins.<br>Pour obtenir une estimation adaptée, il vous suffit de nous envoyer une demande via notre <a href="/fr/contact.html"><strong>page dédiée</strong></a>.<br>Nous reviendrons vers vous rapidement pour en savoir plus sur votre projet et, surtout, <strong>vous proposer une démonstration personnalisée à partir de vos propres données.</strong><br>C’est le meilleur moyen de visualiser concrètement ce que Catbuilder peut vous apporter.</h3>
        </div>
      </div>
    </div>	

<div class="card">
      <div class="card-header" id="heading7">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse7">Faut-il une formation pour utiliser Catbuilder ?</button></h3>
      </div>
      <div id="collapse7" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Catbuilder a été conçu pour être simple d’utilisation, mais une <strong>formation initiale</strong> est nécessaire pour assurer un démarrage efficace et autonome.<br>À l’achat de la licence, notre <strong>équipe de coachs experts</strong> accompagne votre/vos utilisateur(s) dans une <strong>formation personnalisée</strong>, adaptée à la nature de votre projet. Elle dure généralement de 1 à 4 jours, en fonction de la complexité de vos besoins et du niveau de prise en main souhaité. Cette formation peut se dérouler dans vos locaux ou à distance, sous forme de courtes sessions interactives, selon ce qui convient le mieux à votre organisation. Pendant cette phase d’accompagnement, <strong>nous travaillons concrètement avec vous</strong> :</h3>
		  <ul><li class="text-small">Nous <strong>créons ensemble les gabarits graphiques</strong> correspondant à vos supports de publication.</li><li class="text-small">Nous <strong>mettons en place la méthode de synchronisation des données</strong> avec votre système d’information (ERP, PIM, simple fichier Excel, base produits, etc.).</li></ul>
		  <h3 class="text-small ml-4">Notre but est que votre/vos utilisateur(s) soient totalement autonomes à l’issue de la formation, capables de faire évoluer leurs contenus sans aide extérieure. Vous ne ferez appel à nous que pour des besoins spécifiques ou des évolutions importantes. </h3>
        </div>
      </div>
    </div>	
  </div>
</div>
</section>    <footer style="background: #eee;" class="pt-5">
      <div class="container py-2">
        <div class="row">
          <div class="col-lg-8 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">À propos de Catbuilder</p>
            <p class="text-small">Logiciel PIM conçu pour centraliser les données produits et créer des catalogues personnalisés, <strong>Catbuilder</strong> aide les entreprises B2B (industries, fabricants et distributeurs) à diffuser leurs documents commerciaux sur tous supports.<br><br>
			Wood&d sa, société belge active depuis près de 30 ans, en assure le développement et l’évolution continue.</p>
          </div>
          <div class="col-lg-4 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">Bureaux</p>
            <p class="mb-0 text-small">Wood&d sa</p>
            <p class="mb-0 text-small">Voie Maréchal Grouchy, 24</p>
            <p class="mb-0 text-small">B-1300 Wavre</p>
            <p class="mb-4 text-small">info@catbuilder.be</p>
			<p class="mb-4 text-small">Tél: +32 (0)473 91 53 88</p>
          </div>
		  
		  
		  



		  
		  
          <div class="col-lg-4 col-md-6 mb-4">
			<img src="/img/favicon.png" alt="Catbuilder icon" class="img-fluid mb-4">
          </div>
          <div class="col-lg-4 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">Soyons amis</p>
            <ul class="list-inline">
              <li class="list-inline-item"><a title="Linkedin" href="https://be.linkedin.com/company/catbuilder" class="social-link"><i class="fab fa-linkedin-in"></i></a></li>
              <li class="list-inline-item"><a title="Email" href="mailto:info@catbuilder.be" class="social-link"><i class="fas fa-envelope"></i></a></li>
            </ul>
          </div>
          <div class="col-lg-4 col-md-6">
            <p class="lined lined-dark mb-3">Newsletter</p>
            <p class="mb-4 text-small">Inscrivez vous pour avoir de temps en temps des nouvelles de Catbuilder.</p>
              <form action="newsletter.asp" method="post">
                <div class="input-group mb-3">
				<script>d = new Date(); document.write('<input type="hid'+'den" name="v'+'rif" value="lhjglchb54'+d.getDay()+'5vkjbchkjds">');</script>
                  
                  <input type="text" name="email" placeholder="Email" aria-label="Email" aria-describedby="basic-addon2" class="form-control">
                  <div class="input-group-append">
                    <button id="basic-addon2" type="submit" class="input-group-text" title="Inscription Newsletter"><i class="fas fa-paper-plane"></i></button>
                  </div>
				  
                </div>
              </form>
            
          </div>
        </div>
      </div>
      <div class="bg-dark py-4">    
        <div class="container">
          <div class="row">
            <div class="col-lg-6 text-center text-lg-left mb-1 mb-lg-0">
              <p class="small text-gray mb-0">©Catbuilder sarl</p>
            </div>
          </div>
        </div>
      </div>
    </footer>	


    <!-- JavaScript files-->
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/vendor/lightbox2/js/lightbox.min.js"></script>
    <script src="/vendor/leaflet/leaflet.js"></script>
    <script src="/js/front.js"></script>
		<script>
		$( "#m-solutions" ).addClass( "active" );

		(function() {
			$('<i id="back-to-top" style="z-index:99999"></i>').appendTo($('body'));

			$(window).scroll(function() {

				if($(this).scrollTop() != 0) {
					$('#back-to-top').fadeIn();	
				} else {
					$('#back-to-top').fadeOut();
				}

			});
			
			$('#back-to-top').click(function() {
				$('body,html').animate({scrollTop:0},600);
			});	

		})();
	</script>
    <!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  </body>
</html>