Update _config.yml

CNAME

@@ -0,0 +1 @@
+www.elec-engineering.net

Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'jekyll'

_config.yml

@@ -1,9 +1,9 @@
 # Site settings
-title:
+title: ENGINEER ELEC
 email:
 description: > # this means to ignore newlines until "baseurl:"
 baseurl: "" # the subpath of your site, e.g. /blog/
-url: "" # the base hostname & protocol for your site
+url: "https://amineenim15.github.io" # the base hostname & protocol for your site
 
 twitter_username:
 github_username:

_includes/aside.html

@@ -1,7 +1,7 @@
   <aside class="bg-dark">
       <div class="container text-center">
           <div class="call-to-action">
-              <h2>Free Download at Start Bootstrap!</h2>
+              <h2>Join us !</h2>
               <a href="#" class="btn btn-default btn-xl wow tada">Download Now!</a>
           </div>
       </div>

_includes/call-to-action.html

@@ -2,10 +2,13 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 text-center">
-                <h2 class="section-heading">We've got what you need!</h2>
+                <h2 class="section-heading">Notre Expertise au Service de Vos Projets</h2>
                 <hr class="light">
-                <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
-                <a href="#" class="btn btn-default btn-xl">Get Started!</a>
+                <p class="text-faded">Nos ingénieurs analysent les besoins spécifiques des projets de construction ou de rénovation pour proposer des solutions sur mesure.
+                    Nous mettons un point d'honneur à améliorer la performance énergétique, en réduisant la consommation d'énergie et les émissions de gaz à effet de serre.
+                    Nos ingénieurs ont une expertise en normes de sécurité électrique pour assurer la fiabilité et la sécurité des dispositifs électriques. 
+                    El-En accompagne vos projets avec une approche globale et innovante.</p>
+                <!--<a href="#" class="btn btn-default btn-xl">Get Started!</a>-->
             </div>
         </div>
     </div>

_includes/contact.html

@@ -1,12 +1,23 @@
 <section id="contact">
+    <!-- Contenu de aside.html -->
+    <aside class="container"> 
+      <div class="container text-center">
+          <div class="call-to-action">
+              <h2></h2>  <!-- join us -->
+              <a class="btn btn-default btn-xl wow tada">Nous contactez:</a>
+          </div>
+      </div>
+  </aside>
+    <!-- Contenu de contact.html -->
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 text-center">
-                <h2 class="section-heading">Let's Get In Touch!</h2>
+                <h2 class="section-heading"></h2>
                 <hr class="primary">
-                <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
+                <p>Prêt à démarrer votre prochain projet avec nous ? Contactez nous, et nous vous répondrons dans les plus brefs délais.!</p>
             </div>
-        <div class="col-lg-2 col-lg-offset-2 text-center">
+       <!--
+            <div class="col-lg-2 col-lg-offset-2 text-center">
             <a href="https://twitter.com/{{ site.twitter_username }}">
                 <i class="fa fa-twitter fa-3x wow bounceIn" data-wow-delay=".1s"></i>
                 <p>{{ site.twitter_username }}</p>
@@ -15,7 +26,7 @@ <h2 class="section-heading">Let's Get In Touch!</h2>
         <div class="col-lg-2 col-lg-offset-1 text-center">
             <a href="mailto:{{ site.email }}">
             <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
-                <p>{{ site.email }}</p>
+                <p>{{ [email protected] }}</p>
             </a>
         </div>
         <div class="col-lg-2 col-lg-offset-1 text-center">
@@ -24,6 +35,33 @@ <h2 class="section-heading">Let's Get In Touch!</h2>
                 <p>{{ site.github_username }}</p>
             </a>
         </div>
+-->
+        <div class="col-lg-3 col-lg-offset-1 text-center">
+    <!-- Rubrique E-mail -->
+    <a href="mailto:{{ site.email }}">
+        <!--<i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>-->
+        <i class="fa-solid fa-envelope fa-3x wow bounceIn"></i>
+        <p>[email protected]</p>
+    </a>
+</div>
 
+<div class="col-lg-3 col-lg-offset-1 text-center">
+    <!-- Rubrique LinkedIn -->
+    <a href="https://linkedin.com/company/elc-engineering">
+       <!-- <i class="fa fa-linkedin fa-3x wow bounceIn" data-wow-delay=".2s"></i>-->
+        <i class="fa-brands fa-linkedin fa-3x wow bounceIn"></i>
+        <p>Elec-engineering</p>
+    </a>
+</div>
+
+<div class="col-lg-3 col-lg-offset-1 text-center">
+    <!-- Rubrique Numéro de téléphone -->
+    <a href="">
+        <!--<i class="fa fa-phone fa-3x wow bounceIn"></i>-->
+        <i class="fa-solid fa-phone fa-3x wow bounceIn"></i>
+        <p>+213 657 982 699</p> <!-- Remplacez par le numéro de téléphone réel -->
+    </a>
+</div>
+
     </div>
 </section>

_includes/head.html

@@ -6,15 +6,17 @@
     <meta name="description" content="">
     <meta name="author" content="">
 
-    <title>Creative - Start Bootstrap Theme</title>
+    <title>Elec-Engineering</title>
 
     <!-- Bootstrap Core CSS -->
     <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
 
     <!-- Custom Fonts -->
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
+    <!--<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" type="text/css">
+
 
     <!-- Plugin CSS -->
     <link rel="stylesheet" href="css/animate.min.css" type="text/css">

_includes/header.html

@@ -1,10 +1,11 @@
 <header>
     <div class="header-content">
         <div class="header-content-inner">
-            <h1>Your Favorite Source of Free Bootstrap Themes</h1>
+            <h1>Elec Engineering</h1>
             <hr>
-            <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
-            <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+            <p>Elec-E est un bureau d'études spécialisé dans la conception de solutions électriques pour les bâtiments et les infrastructures. 
+                 </p>
+            <a href="#about" class="btn btn-primary btn-xl page-scroll"></a>
         </div>
     </div>
 </header>

_includes/nav.html

@@ -8,20 +8,21 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
+            <a class="navbar-brand page-scroll" href="#page-top">Elec-E</a>
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav navbar-right">
                 <li>
-                    <a class="page-scroll" href="#about">About</a>
+                    <a class="page-scroll" href="#about">About us!</a>
                 </li>
                 <li>
-                    <a class="page-scroll" href="#services">Services</a>
+                    <a class="page-scroll" href="#services">Nos Services</a>
                 </li>
                 <li>
-                    <a class="page-scroll" href="#portfolio">Portfolio</a>
+                    <a class="page-scroll" href="#portfolio">Galerie</a>
+
                 </li>
                 <li>
                     <a class="page-scroll" href="#contact">Contact</a>

_includes/portfolio.html

@@ -1,6 +1,7 @@
 <section class="no-padding" id="portfolio">
     <div class="container-fluid">
         <div class="row no-gutter">
+          <!--
             <div class="col-lg-4 col-sm-6">
                 <a href="#" class="portfolio-box">
                     <img src="img/portfolio/1.jpg" class="img-responsive" alt="">
@@ -46,46 +47,47 @@
                     </div>
                 </a>
             </div>
+            -->
             <div class="col-lg-4 col-sm-6">
-                <a href="#" class="portfolio-box">
+                <a class="portfolio-box">
                     <img src="img/portfolio/4.jpg" class="img-responsive" alt="">
                     <div class="portfolio-box-caption">
                         <div class="portfolio-box-caption-content">
                             <div class="project-category text-faded">
-                                Category
+                                <!-- tu peux afficher du text-->
                             </div>
                             <div class="project-name">
-                                Project Name
+                                <!-- tu peux afficher du text-->
                             </div>
                         </div>
                     </div>
                 </a>
             </div>
             <div class="col-lg-4 col-sm-6">
-                <a href="#" class="portfolio-box">
+                <a class="portfolio-box">
                     <img src="img/portfolio/5.jpg" class="img-responsive" alt="">
                     <div class="portfolio-box-caption">
                         <div class="portfolio-box-caption-content">
                             <div class="project-category text-faded">
-                                Category
+
                             </div>
                             <div class="project-name">
-                                Project Name
+
                             </div>
                         </div>
                     </div>
                 </a>
             </div>
             <div class="col-lg-4 col-sm-6">
-                <a href="#" class="portfolio-box">
+                <a class="portfolio-box">
                     <img src="img/portfolio/6.jpg" class="img-responsive" alt="">
                     <div class="portfolio-box-caption">
                         <div class="portfolio-box-caption-content">
                             <div class="project-category text-faded">
-                                Category
+
                             </div>
                             <div class="project-name">
-                                Project Name
+
                             </div>
                         </div>
                     </div>

_includes/services.html

@@ -2,7 +2,7 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-12 text-center">
-                <h2 class="section-heading">At Your Service</h2>
+                <h2 class="section-heading"> Nos Services</h2>
                 <hr class="primary">
             </div>
         </div>
@@ -11,30 +11,31 @@ <h2 class="section-heading">At Your Service</h2>
         <div class="row">
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i>
-                    <h3>Sturdy Templates</h3>
-                    <p class="text-muted">Our templates are updated regularly so they don't break.</p>
+                    <i class="fa fa-cogs fa-4x wow bounceIn text-primary" data-wow-delay=".1s"></i><!--<i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i>-->
+                    <h3>Conception et dimensionnement</h3>
+                    <p class="text-muted">Elec-E assure la conception et le dimensionnement précis de vos installations électriques. Nous rédigeons des Cahiers des Clauses Techniques Particulières (CCTP), établissons des estimations budgétaires (DPGF) et réalisons des plans détaillés incluant courants forts, courants faibles et systèmes de sécurité incendie. Des schémas d’armoires électriques et des synoptiques sont également créés pour une vue d’ensemble claire.</p>
                 </div>
             </div>
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
-                    <h3>Ready to Ship</h3>
-                    <p class="text-muted">You can use this theme as is, or you can make changes!</p>
+                    <i class="fa fa-clipboard-list fa-4x wow bounceIn text-primary" data-wow-delay=".2s"></i>
+                    <h3>Étude d’exécution</h3>
+                    <br>
+                    <p class="text-muted">Nos études d'exécution visent l'optimisation technique et économique de vos projets. Nous fournissons des plans détaillés d’installation électrique, des schémas d’armoires, des plans de réservation et réalisons les calculs nécessaires (chutes de tension, sections de câbles, protections, etc.) conformément aux normes NF C14-100 et NF C15-100 pour garantir une mise en œuvre sans faille.</p>
                 </div>
             </div>
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
-                    <h3>Up to Date</h3>
-                    <p class="text-muted">We update dependencies to keep things fresh.</p>
+                    <i class="fa fa-map-marker-alt fa-4x wow bounceIn text-primary" data-wow-delay=".3s"></i>
+                    <h3>Plan d’implantation et schématique</h3>
+                    <p class="text-muted">Nous élaborons des plans d’implantation pour un positionnement optimal des luminaires, chemins de câbles, alimentations électriques et équipements tels que commandes, prises, et dispositifs de sécurité. Nos schémas électriques incluent les circuits de commande, bornier et protections, accompagnés de notes de calcul justifiant les choix techniques pour assurer fiabilité et efficacité.</p>
                 </div>
             </div>
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
-                    <h3>Made with Love</h3>
-                    <p class="text-muted">You have to make your websites with love these days!</p>
+                    <i class="fa fa-file-alt fa-4x wow bounceIn text-primary" data-wow-delay=".4s"></i>
+                    <h3>Notes de calcul et conformité</h3>
+                    <p class="text-muted">Nos notes de calcul couvrent le dimensionnement des câbles et des protections, ainsi que l’équilibrage des phases et la sélectivité. Nous produisons des bilans de puissance et des schémas unifilaires pour garantir une conception conforme, une réalisation optimisée et une vérification rigoureuse des installations électriques.</p>
                 </div>
             </div>
         </div>

_layouts/front.html

@@ -9,9 +9,9 @@
   {% include call-to-action.html %}
   {% include services.html %}
   {% include portfolio.html %}
-  {% include aside.html %}
+  <!--{% include aside.html %}-->
   {% include contact.html %}
   {% include scripts.html %}
 </body>
 
-</html>
+</html>

_sass/_base.scss

@@ -112,15 +112,15 @@ aside {
         background-color: transparent;
         border-color: rgba(white, .3);
         .navbar-header .navbar-brand {
-            color: rgba(white, .7);
+            color: white; //rgba(white, .7)
             &:hover,
             &:focus {
                 color: white;
             }
         }
         .nav > li > a,
         .nav > li > a:focus {
-            color: rgba(white, .7);
+            color: #004d00; //.7
             &:hover {
                 color: white;
             }
@@ -157,25 +157,30 @@ header {
     background-position: center;
     background-image: url('../img/header.jpg');
     text-align: center;
-    color: white;
+    color: #000000;
     .header-content {
         position: relative;
         text-align: center;
         padding: 100px 15px 100px;
         width: 100%;
         .header-content-inner {
+            background-color: #32cd32; // Arrière-plan vert foncé #004d00
+            padding: 10px; // Espacement autour du texte
+            border-radius: 5px; // Coins arrondis
+            display: inline-block; // Limite le fond au texte
             h1 {
                 font-weight: 700;
                 text-transform: uppercase;
                 margin-top: 0;
                 margin-bottom: 0;
+                color: white; // Titre en blanc
             }
             hr {
                 margin: 30px auto;
             }
             p {
                 font-weight: 300;
-                color: rgba(white, .7);
+                color: rgba(white, .9);
                 font-size: 16px;
                 margin-bottom: 50px;
             }

css/main.scss

@@ -34,7 +34,7 @@
 // }
 
 // variables.less
-$theme-primary: #F05F40;
+$theme-primary: #2E8B57;
 $theme-dark: #222;
 
 // Import partials from `sass_dir` (defaults to `_sass`)

package.json

@@ -0,0 +1,7 @@
+{
+  "name": "amineenim15.github.io",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "bundle install && jekyll build"
+  }
+}

vercel.json

@@ -0,0 +1,8 @@
+{
+  "builds": [
+    { "src": "index.html", "use": "@vercel/static" }
+  ],
+  "routes": [
+    { "src": "/(.*)", "dest": "/$1" }
+  ]
+}