Upload files to ''
This commit is contained in:
OZCAN Mikailcan
parent
332fe519ce
commit
bd74f6a410
191
Apropos.css
Normal file
191
Apropos.css
Normal file
@ -0,0 +1,191 @@
|
|||||||
|
@media print {
|
||||||
|
/* styles pour l'impression */
|
||||||
|
.burger-menu-container, nav , footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.cv {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 12pt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
background-color:#F2F3F3;
|
||||||
|
background: background-size: 100%;
|
||||||
|
font-size: 16px;
|
||||||
|
margin : 0 ;
|
||||||
|
}
|
||||||
|
@media (min-width: 800px) {
|
||||||
|
body {/* styles pour les écrans de largeur supérieure à 800px */
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
body {/* styles pour les écrans de largeur inférieure à 600px */
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
na
|
||||||
|
header{
|
||||||
|
background-color: #F2F3F3;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.burger-menu-container {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger-menu-button {
|
||||||
|
display: none; /* cacher le bouton par défaut */
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
background: #333;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger-menu {
|
||||||
|
display: none; /* cacher le menu burger par défaut */
|
||||||
|
background: #fff;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger-menu-icon {
|
||||||
|
width: 1.5em;
|
||||||
|
height: 0.25em;
|
||||||
|
background: #fff;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Afficher le bouton et le menu burger pour les écrans de petite taille */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.burger-menu-button {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
nav {
|
||||||
|
background-color: #f00202; /* Couleur de fond du menu */
|
||||||
|
display: flex; /* Afficher les éléments du menu côte à côte */
|
||||||
|
justify-content: space-between; /* Aligner les éléments du menu sur les deux côtés de la nav */
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style: none; /* Enlever les puces des éléments de la liste */
|
||||||
|
margin: 5px; /* Enlever les marges */
|
||||||
|
padding: 5px; /* Enlever les espacements */
|
||||||
|
display: flex; /* Afficher les éléments de la liste côte à côte */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li {
|
||||||
|
margin: 10px 10px; /* Ajouter une marge à gauche et à droite de chaque élément */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
color: #fefefe; /* Couleur de text pour les liens */
|
||||||
|
text-decoration: none; /* Enlever la surbrillance des liens */
|
||||||
|
padding: 25px 100px; /* Ajouter un espacement intérieur aux liens */
|
||||||
|
transition: background-color 0.2s ease-in; /* Ajouter une transition pour la couleur de fond */
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover { /* Appliquer les styles à utiliser lorsque l'utilisateur survole un lien */
|
||||||
|
background-color: #a30303; /* Couleur de fond lorsque l'utilisateur survole un lien */
|
||||||
|
}
|
||||||
|
.style{
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 25px;
|
||||||
|
padding-left: 30px;
|
||||||
|
border-left: 5px solid #ccc;
|
||||||
|
margin: 20px 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-item {
|
||||||
|
grid-column: span 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.grid-item {
|
||||||
|
width:95%;
|
||||||
|
}
|
||||||
|
h1{ margin: 20px 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topBtn {
|
||||||
|
display: none; /* masquer le bouton par défaut */
|
||||||
|
position: fixed; /* positionner le bouton en haut à droite de la page */
|
||||||
|
bottom: 10px;
|
||||||
|
right: 15px;
|
||||||
|
z-index: 99; /* placer le bouton au-dessus du contenu */
|
||||||
|
font-size: 10px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
background-color: #ff0000; /* couleur de fond */
|
||||||
|
color: white; /* couleur du texte */
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 10px; /* arrondir les bords */
|
||||||
|
}
|
||||||
|
|
||||||
|
#topBtn:hover {
|
||||||
|
background-color: #555; /* changer la couleur de fond lorsque l'utilisateur passe la souris dessus */
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: #fefefe;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
}
|
||||||
|
footer > * {
|
||||||
|
margin: 0 10px; /* ajoute un espacement de 10px entre les éléments */
|
||||||
|
}
|
||||||
|
.circle {
|
||||||
|
border-radius: 12%; /* met en forme le div en cercle */
|
||||||
|
width: 50px; /* largeur du cercle */
|
||||||
|
height: 50px; /* hauteur du cercle */
|
||||||
|
overflow: hidden; /* masque tout débordement */
|
||||||
|
text-align: center; /* centre l'image horizontalement */
|
||||||
|
line-height: 75px; /* centre l'image verticalement */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle img {
|
||||||
|
max-width: 100%;/* redimensionne l'image pour qu'elle s'adapte au conteneur */
|
||||||
|
}
|
||||||
|
a:link {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:active {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
154
Apropos.html
Normal file
154
Apropos.html
Normal file
@ -0,0 +1,154 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Page CV</title>
|
||||||
|
<link rel="icon" type="image/png" href="logo-ozcom.png">
|
||||||
|
<link rel="stylesheet" type="text/css" href="Apropos.css">
|
||||||
|
<div class="burger-menu-container">
|
||||||
|
<div class="burger-menu-button">
|
||||||
|
<div class="burger-menu-icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="burger-menu">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><link rel="icon" type="image/png" href="logo-ozcom.png"></li>
|
||||||
|
<li><a href="pageweb.html">Accueil</a></li>
|
||||||
|
<li><a href="Apropos">À propos</a></li>
|
||||||
|
<li><a href="notrehistoire.html">Histoire</a></li>
|
||||||
|
<li><a href="pagecontacte.html">Contact</a></li>
|
||||||
|
<li><a href="pagefaq.html">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="pageweb.html">Accueil</a></li>
|
||||||
|
<li> <a href="Apropos.html">À propos</a></li>
|
||||||
|
<li><a href="notrehistoire.html">Histoire</a></li>
|
||||||
|
<li><a href="pagecontacte.html">Contact</a></li>
|
||||||
|
<li><a href="pagefaq.html">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="cv">
|
||||||
|
<div class="name">Mikailcan OZCAN</div>
|
||||||
|
<ul class="contact-info">
|
||||||
|
<li>Email: mikailcan.ozcan@gmail.com</li>
|
||||||
|
<li>Téléphone: 07 67 33 83 01</li>
|
||||||
|
<li>Adresse: 485 Rue Jean Froute</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Compétences</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>Programmation : impérative avec C</p>
|
||||||
|
<p>Web : HTML/CSS</p>
|
||||||
|
<p>Modélisation : UML</p>
|
||||||
|
<p>Basse de Donnée : SQL(Oracle, PL/SQL, MySQL)</p>
|
||||||
|
<p>Administration Réseaux : Scripting (Bash)</p>
|
||||||
|
<p>Système d'exploitation : Linux(programmation système et réseau en C)</p>
|
||||||
|
<p>Windows ( Basse de Donnée en SQL)</p>
|
||||||
|
<p>Français : Langue maternelle </p>
|
||||||
|
<p>Anglais : Bon niveau </p>
|
||||||
|
<p>Espagnol : Niveau moyen </p>
|
||||||
|
<p>Turc :Niveau scolaire </p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Expérience professionnelle</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<h3>Organisateur événementiel/ chef de projet/ Ozcanorganizasyon/Pannes</h3>
|
||||||
|
<p>Janvier 2020 - présent</p>
|
||||||
|
<p>Responsable de l'organisation de l'évènement tout en dirigeant des employés<p>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>Serveur / Ozcanorganizasyon/Pannes</h3>
|
||||||
|
<p>2019 – AUJOURD'HUI</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Formation</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p> 2022-2023</p>
|
||||||
|
<p>BUT Informatique / IUT Sénart-Fontainebleau, Fontainebleau</p>
|
||||||
|
<p>Apprentissage de différents langage informatique tout en apprenant a manier des bases de donnée puis </p>
|
||||||
|
<p>2021-2022</p>
|
||||||
|
<p>Baccalauréat Technologique / Lycée Durzy, Villemandeur</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="cv">
|
||||||
|
<div class="name">Adam Combeau</div>
|
||||||
|
<ul class="contact-info">
|
||||||
|
<li>Email: adam.tom77176@gmail.com</li>
|
||||||
|
<li>Téléphone: 06 58 57 96 09</li>
|
||||||
|
<li>Adresse: 48 Avenue D'Espagne, 77176 Savigny-le-Temple</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Compétences</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>Diction et placement de voix</p>
|
||||||
|
<p>Conception d'activité sociauculturelles</p>
|
||||||
|
<p>Dynamisme</p>
|
||||||
|
<p>Encadrement d'enfants</p>
|
||||||
|
<p>Premier Secours</p>
|
||||||
|
<p>Sport en exterieurs</p>
|
||||||
|
<p>Français : Langue maternelle </p>
|
||||||
|
<p>Anglais : Bon niveau </p>
|
||||||
|
<p>Allemand : Niveau scolaire </p>
|
||||||
|
<p>Japonais :Niveau débutant </p>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<h2>Expérience professionnelle</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<h3>Stagiaire / Corbeille-Esonne</h3>
|
||||||
|
<p>Assistance au employés, Gestion des Taches Administratives , Soutien de l'équipe marketing et communication<p>
|
||||||
|
<h3>Bénévole</h3>
|
||||||
|
<p>Tri de vêtements pour le recyclage ou de la redistributions</p>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>Animateur</h3>
|
||||||
|
<p>Elaboration d'un programme d'activités pour enfants en collaboration avec l'equipe d'animation</p>
|
||||||
|
<p>Animation des activités sportives en interieur et exterieur </p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Formation</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p> 2022-2023</p>
|
||||||
|
<p>BUT Informatique / IUT Sénart-Fontainebleau, Fontainebleau</p>
|
||||||
|
<p>Apprentissage de différents langage informatique tout en apprenant a manier des bases de donnée puis </p>
|
||||||
|
<p>2021-2022</p>
|
||||||
|
<p>Baccalauréat Technologique / Lycée La Marre Carré, Moissy-Cramayell</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://www.tiktok.com/"><img src="tiktok-logo.png" alt="tiktok"></a>
|
||||||
|
</div>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://twitter.com/"><img src="twitter-logo.png" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://www.instagram.com/"><img src="instagram-logo.png" alt="Instagram"></a>
|
||||||
|
</div>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://www.youtube.com/"><img src="youtube-logo.png" alt="YouTube"></a>
|
||||||
|
</div>
|
||||||
|
<a href="https://fr.wikipedia.org/wiki/Mentions_l%C3%A9gales" class=""> Mentions légales</a>
|
||||||
|
<a href="https://www.google.com/intl/fr/gmail/about/" class=""> Notre mail</a>
|
||||||
|
</footer>
|
||||||
|
<script src="script.js"></script>
|
||||||
|
<script src="scriptmb.js"></script>
|
||||||
|
<script src="scriptbtnhdp.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
91
Index.html
Normal file
91
Index.html
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Page d'acceuille Ozcom</title>
|
||||||
|
<link rel="icon" type="image/png" href="logo-ozcom.png">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<div class="burger-menu-container">
|
||||||
|
<div class="burger-menu-button">
|
||||||
|
<div class="burger-menu-icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="burger-menu">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><link rel="icon" type="image/png" href="logo-ozcom.png"></li>
|
||||||
|
<li><a href="pageweb.html">Accueil</a></li>
|
||||||
|
<li><a href="Apropos">À propos</a></li>
|
||||||
|
<li><a href="notrehistoire.html">Histoire</a></li>
|
||||||
|
<li><a href="pagecontacte.html">Contact</a></li>
|
||||||
|
<li><a href="pagefaq.html">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="pageweb.html">Accueil</a></li>
|
||||||
|
<li> <a href="Apropos">À propos</a></li>
|
||||||
|
<li><a href="notrehistoire.html">Histoire</a></li>
|
||||||
|
<li><a href="pagecontacte.html">Contact</a></li>
|
||||||
|
<li><a href="pagefaq.html">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div id="content">
|
||||||
|
<p class="style"> "Ils m'ont fait adorer leur passion..."</p>
|
||||||
|
<p class="style"> "Aujourd'hui, je suis à leur côté dans cette aventure palpitante." -Francis</p>
|
||||||
|
<div class="grid-container">
|
||||||
|
<img src="imgmotocrosse.jpg" class="grid-item" alt="image">
|
||||||
|
<p class="grid-item style">"Ils m'ont soutenu de tous leurs cœurs, ils ont toujours été derrière moi pour cette compétition dont j'ai toujours rêvé de gagner." -Amir le téméraire <br><br><br>
|
||||||
|
"Après tant d'heures et d'assistance, je me dois de gagner cette compétition." -Matéo le joueur pro<br><br><br>
|
||||||
|
"Toutes les personnes qui ont travaillé dur ne sont pas toujours récompensées, mais ce qui est sûr, c'est que tout ceux qui ont réussi ont travaillé dur." -Arnaud le Coach <br><br><br>
|
||||||
|
"Je n'arrive pas à comprendre pourquoi ils mettent tant d'efforts dans tout ça, mais j'arrive à ressentir leur passion dans ce qu'ils font." -Alexeï au exo supplémentaire </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="new-text">
|
||||||
|
|
||||||
|
<h1>Venez découvrir notre aventure palpitante qui ne peut que vous séduire... Bienvenue chez OZCOM </h1>
|
||||||
|
<h1>Bienvenue chez OZCOM </h1>
|
||||||
|
<p>Laissez moi vous faire découvrir notre monde rempli de personnes passionnées par un sport aussi divertissant que compétitif. </p>
|
||||||
|
<p>vous etre curieux et vous voulez découvrire ce qu'est la motocrosse nous avons une seance de découverte offert </p>
|
||||||
|
<p>Nous avons plusieurs type d'abonnement pour votre choix a la hauteur de vos attentes et de vos envies </p>
|
||||||
|
<p>Pour les amateurs de compétition sachez que nous aussi nous en adorons ceci et que nous en organison souvent</p>
|
||||||
|
<p>pour ce avec un niveau avancer et qui veut venir nous montrer ces talents a ce sport sera toujours le bien venu</p>
|
||||||
|
<div class="video">
|
||||||
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/1xo3qk-Kx0U"
|
||||||
|
title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
<p>vous etes un expert en la matiere et vous n'avez plus le temp pour faire de la motocrosse? nous pouvons reprendre votre deux roues </p>
|
||||||
|
<p>vous cherchez un travaille dans certain domaines n'hesiter pas a postuler, nous avons surement des postes pour vous </p>
|
||||||
|
</div>
|
||||||
|
<button onclick="topFunction()" id="topBtn" title="Go to top">Haut de page</button>
|
||||||
|
<footer>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://www.tiktok.com/"><img src="tiktok-logo.png" alt="tiktok"></a>
|
||||||
|
</div>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://twitter.com/"><img src="twitter-logo.png" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://www.instagram.com/"><img src="instagram-logo.png" alt="Instagram"></a>
|
||||||
|
</div>
|
||||||
|
<div class="circle">
|
||||||
|
<a href="https://www.youtube.com/"><img src="youtube-logo.png" alt="YouTube"></a>
|
||||||
|
</div>
|
||||||
|
<a href="https://fr.wikipedia.org/wiki/Mentions_l%C3%A9gales" class=""> Mentions légales</a>
|
||||||
|
<a href="https://www.google.com/intl/fr/gmail/about/" class=""> Notre mail</a>
|
||||||
|
<div>
|
||||||
|
<p>Tous droits réservés 2022 </p>
|
||||||
|
<p> Adam Combeau- Mikailcan OZCAN </p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script src="script.js"></script>
|
||||||
|
<script src="scriptmb.js"></script>
|
||||||
|
<script src="scriptbtnhdp.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
imgmotocrosse.jpg
Normal file
BIN
imgmotocrosse.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
instagram-logo.png
Normal file
BIN
instagram-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
Loading…
x
Reference in New Issue
Block a user