Skip to content

Commit

Permalink
setup
Browse files Browse the repository at this point in the history
  • Loading branch information
@MedAzizHaddad
MedAzizHaddad committed May 28, 2024
1 parent fa1697b commit 04ef948
Show file tree
Hide file tree
Showing 4 changed files with 132 additions and 17 deletions.
6 changes: 3 additions & 3 deletions css/layout.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -273,13 +273,13 @@ ul.slimmenu li ul {

.logo{
position:absolute;
width:146px;
height:80px;
width:250px;
height:110px;
z-index:10000;
left:10px;
top:10px;
background:url('../images/logo.png') no-repeat center center;
background-size:146px 80px;
background-size:250px 110px;
-webkit-transition : all 0.5s ease-out;
-moz-transition : all 0.5s ease-out;
-o-transition :all 0.5s ease-out;
Expand Down
Binary file added images/2.2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
143 changes: 129 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,22 +54,28 @@
<div class="logo"></div>
<ul class="slimmenu">
<li>
<a class="scroll" href="#home">accueil</a>
<!-- <a class="scroll" href="#home">accueil</a>-->
<a class="scroll" href="#home" style="font-size: medium">Home</a>
</li>
<li>
<a class="scroll" href="#about">À propos </a>
<!-- <a class="scroll" href="#about">À propos </a>-->
<a class="scroll" href="#about" style="font-size: medium">About </a>
</li>
<li>
<a class="scroll" href="#work">projets</a>
<!-- <a class="scroll" href="#work">projets</a>-->
<a class="scroll" href="#work" style="font-size: medium">Projects</a>
</li>
<li>
<a class="scroll" href="#services">compétences </a>
<!-- <a class="scroll" href="#services">compétences </a>-->
<a class="scroll" href="#services" style="font-size: medium">Skills </a>
</li>
<li>
<a class="scroll" href="#blog">journal</a>
<!-- <a class="scroll" href="#blog">journal</a>-->
<a class="scroll" href="#blog" style="font-size: medium">Journal</a>
</li>
<li>
<a class="scroll" href="#contact">contact</a>
<!-- <a class="scroll" href="#contact">contact</a>-->
<a class="scroll" href="#contact" style="font-size: medium">contact</a>
</li>
</ul>
</div>
Expand All @@ -86,20 +92,26 @@
<div id="sync3" class="owl-carousel">
<div class="item background1">
<div class="line"></div>
<div class="home-big-text">Analyser les données</div>
<div class="home-small-text">“The world is one big data problem.” - Andew McAfee</div>
<div class="home-big-text">Architecting</div>
<div class="home-small-text" style="font-weight: bold; font-size: 14px; font-family: Arial, sans-serif;
color: white">
“Design is not just what it looks like and feels like. Design is how it works.” – Steve Jobs</div>
<div class="line1"></div>
</div>
<div class="item background2">
<div class="line"></div>
<div class="home-big-text">Developer</div>
<div class="home-small-text">“First, solve the problem. Then, write the code.” – John Johnson</div>
<div class="home-big-text">Problem Solving</div>
<div class="home-small-text" style="font-weight: bold; font-size: 14px; font-family: Arial, sans-serif;
color: white">
“Every problem is a gift—without problems, we would not grow.” – Anthony Robbins</div>
<div class="line1"></div>
</div>
<div class="item background3">
<div class="line"></div>
<div class="home-big-text">Décider</div>
<div class="home-small-text">“Without data, you are just another person with an opinion.” – W. Edwards Deming</div>
<div class="home-big-text">Innovation</div>
<div class="home-small-text" style="font-weight: bold; font-size: 14px; font-family: Arial, sans-serif;
color: white">
“Innovation is the ability to see change as an opportunity, not a threat.” – Steve Jobs</div>
<div class="line1"></div>
</div>
</div>
Expand Down Expand Up @@ -163,9 +175,112 @@ <h5>Mohamed Aziz HADDAD : </h5>
</p>
</div>
</div>
<div class="sixteen columns">
<div class="separ"></div>
<!-- <div class="sixteen columns"> -->
<!-- <div class="separ"></div>-->
<!-- </div>-->


<div class="sixteen columns" data-anijs="if: scroll, on: window, do: flipInY animated, before: scrollReveal">
<div class="subsection-top">
<div class="subline-dark"></div>
<h3> EXPERIENCE ET STAGES</h3>
<div class="subline-dark1"></div>
</div>
</div>

<div class="post-wrap" data-anijs="if: scroll, on: window, do: bounceInLeft animated, before: scrollReveal">
<a >
<img src="images/stages/elfouladh.jpg" alt="" />
<div class="mask-blog"></div>
<div class="doubleflip">
<img src="images/stages/elfouladh2.jpg" alt="" />
</div>
<div class="doubleflip1">
<p>Juil 2021- Aout 2021<br/>
<span>Bizerte</span></p>
</div>

<h4> STAGE EN INGENIERIE | ELFOULADH
<br><br>
Etudier l'architecture de reseau local de la société
<br>
et Adaptation et Developpement d’un module ERP avec Odoo
<br><br> Projet : Adaptation et Developpement d’un module de gestion
de production (GPAO)
<br><br> Technologies utilisées : Odoo , Python , XML , PostgreSQL
</h4>
</a>
</div>

<div class="post-wrap" data-anijs="if: scroll, on: window, do: bounceInLeft animated, before: scrollReveal">
<a >
<img src="images/stages/amenbank.png" alt="" />
<div class="mask-blog"></div>
<div class="doubleflip">
<img src="images/stages/amenbank (2).png" alt="" />
</div>
<div class="doubleflip1">
<p>Mars. 2018 - Juin 2018<br/>
<span>Tunis</span></p>
</div>

<h4> PROJET FIN D’ETUDE | AMEN BANK
<br><br>
Projet de gestión et analyse des transactions de la banque
<br><br> Projet : Gestion Actif-Passif et générateur de gap de liquidité
<br><br> Technologies utilisées : php Codeogniter
</h4>
</a>
</div>
<!-- <div class="post-wrap" data-anijs="if: scroll, on: window, do: bounceInRight animated, before: scrollReveal">-->

<!-- <a >-->
<!-- <img src="images/stages/ministere1.jpg" alt="" />-->
<!-- <div class="mask-blog"></div>-->
<!-- <div class="doubleflip">-->
<!-- <img src="images/stages/ministere.png" alt="" />-->
<!-- </div>-->
<!-- <div class="doubleflip1">-->
<!-- <p>Juin. 2016 - Aout 2016<br/>-->
<!-- <span>Tunis</span></p>-->
<!-- </div>-->

<!-- <h4> STAGE D’ETE | MINISITERE DE L’INDUSTRIE-->
<!-- <br><br> Direction de maintenance informatique-->
<!-- <br><br> Entretien et maintenance de matériels informatique et des équipements réseaux-->
<!-- </h4>-->
<!-- </a>-->

<!-- </div>-->



<!-- <div class="post-wrap" data-anijs="if: scroll, on: window, do: bounceInLeft animated, before: scrollReveal">-->
<!-- <a >-->
<!-- <img src="images/stages/electronabli1.jpg" alt="" />-->
<!-- <div class="mask-blog"></div>-->
<!-- <div class="doubleflip">-->
<!-- <img src="images/stages/electronabli.png" alt="" />-->
<!-- </div>-->
<!-- <div class="doubleflip1">-->
<!-- <p>Juin. 2015 - Aout 2015<br/>-->
<!-- <span>Tunis</span></p>-->
<!-- </div>-->

<!-- <h4> STAGE D’ETE | ELECTRONABLI-->
<!-- <br><br> Service aprés vente & point de vente-->
<!-- <br><br> Entretien et maintenance de matériels informatique et electronique-->
<!-- <br><br> &-->
<!-- <br><br> vendeur Magasin-->
<!-- </h4>-->
<!-- </a>-->

<!-- </div>-->

<div class="clear"></div>



<div class="sixteen columns" data-anijs="if: scroll, on: window, do: flipInY animated, before: scrollReveal">
<div class="subsection-top">
<div class="subline-dark"></div>
Expand Down

0 comments on commit 04ef948

Please sign in to comment.