noam.caronique/Portefolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
noam.caronique
2025-12-07 12:37:01 +01:00
parent 63180108ea
commit 43ad33c4e5
4 changed files with 180 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
dockerfile Normal file
View File

@@ -0,0 +1,11 @@
FROM nginx:alpine
LABEL authors="Noam"
RUN rm -rf /usr/share/nginx/html/*
COPY . /usr/share/nginx/html/
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

66
index.html Normal file
View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio – Étudiant BTS CIEL</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Noam CARONIQUE</h1>
<p>Étudiant en BTS CIEL – 2ᵉ année</p>
</header>
<nav>
<a href="#about">À propos</a>
<a href="#projects">Projets</a>
<a href="#skills">Compétences</a>
<a href="#contact">Contact</a>
</nav>
<section id="about">
<h2>À propos</h2>
<p>
Je suis étudiant en deuxième année de BTS CIEL. Passionné par la cybersécurité,
le développement logiciel, les réseaux et les objets connectés.
</p>
</section>
<section id="projects">
<h2>Projets réalisés</h2>
<div class="project">
<h3>Projet CMS</h3>
<p>creation d'un site qui repartie des articles</p>
</div>
<div class="project">
<h3>Site Web</h3>
<p>Site en HTML/CSS</p>
</div>
</section>
<section id="skills">
<h2>Compétences</h2>
<div class="skills">
<div class="skill">HTML / CSS</div>
<div class="skill">PHP / MySQL</div>
<div class="skill">Réseaux</div>
<div class="skill">Cybersécurité</div>
<div class="skill">Cisco Packet Tracer</div>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Email : <b>noam.caronique@gmail.com</b></p>
</section>
<footer>
© 2025 – Portfolio BTS CIEL
</footer>
</body>
</html>

7
launch-dockers.sh Normal file
View File

@@ -0,0 +1,7 @@
#!/bin/bash
docker stop portefolio
docker build -t portefolio .
docker run -it --rm -p 8080:80 --name portefolio -v .:/usr/share/nginx/html/ nginx

96
style.css Normal file
View File

@@ -0,0 +1,96 @@
/* --- GLOBAL --- */
body {
margin: 0;
font-family: "Poppins", sans-serif;
background: #f2f4f7;
color: #333;
}
/* --- HEADER --- */
header {
background: linear-gradient(135deg, #1f2937, #3b82f6);
color: white;
padding: 70px 20px;
text-align: center;
}
header h1 {
margin: 0;
font-size: 3rem;
}
/* --- NAVIGATION --- */
nav {
background: #111827;
padding: 15px 20px;
text-align: center;
}
nav a {
color: white;
text-decoration: none;
margin: 0 20px;
font-weight: bold;
transition: 0.3s;
}
nav a:hover {
color: #3b82f6;
}
/* --- SECTIONS --- */
section {
padding: 50px 20px;
max-width: 1000px;
margin: auto;
}
h2 {
color: #1f2937;
border-left: 5px solid #3b82f6;
padding-left: 10px;
}
/* --- PROJECT CARDS --- */
.project {
background: white;
padding: 20px;
border-radius: 10px;
margin-bottom: 25px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.project:hover {
transform: translateY(-5px);
}
/* --- SKILLS GRID --- */
.skills {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 15px;
}
.skill {
background: #3b82f6;
color: white;
text-align: center;
padding: 12px;
border-radius: 8px;
font-weight: bold;
transition: 0.2s;
}
.skill:hover {
background: #1e40af;
}
/* --- FOOTER --- */
footer {
background: #111827;
color: white;
text-align: center;
padding: 20px;
margin-top: 40px;
}