hugo.pradier2
/
Portfolio_PRADIER
generated from Templates_CodeFirst/templateHtmlCss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mise en page de l attendu

Browse Source
master
Hugo PRADIER 12 months ago
parent 5acd35bc53
commit c1ae190ee6
8 changed files with 218 additions and 58 deletions
Show Stats Download Patch File Download Diff File

BIN
assets/images/contact.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 373 KiB

BIN
assets/images/ecranCode.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 801 KiB

BIN
assets/images/maquetteSite.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
assets/images/photoIdentite.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

BIN
assets/pdf/CV PRADIER Hugo.pdf
View File

Binary file not shown.

BIN
images/CodeFirstLogo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

244
index.html
Unescape View File

@ -1,34 +1,226 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Portfolio_PRADIER - One incredible styled html page</title>
<link rel="stylesheet" href="./hugopradier2-Portfolio_PRADIER/mycoolstyle.css">
</head>
<!DOCTYPE html>
<body>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio PRADIER Hugo</title>
<!-- Navigation menu -->
<ul class="navbar">
<li><a href="https://codefirst.iut.uca.fr/home">Code#0</a>
<li><a href="http://iut.uca.fr">IUT</a>
<li><a href="https://neilyoungarchives.com/">Very good music</a>
<li><a href="https://www.youtube.com/watch?v=CY5dTBhRxOA">Very good music too!</a>
</ul>
<!-- CSS Boostrap -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
</head>
<!-- Main Content -->
<h1>Portfolio_PRADIER is my first page, and it has got style!</h1>
<body>
<header>
<!-- Barre de navigation -->
<nav class="bg-light">
<div class="container">
<div class="bg-secondary py-4"></div>
</div>
</nav>
</header>
<p>Welcome on this template html/css project
<main>
<!-- Accueil -->
<section class="my-5">
<div class="container">
<div class="row">
<div class="col">
<h1>Je suis Hugo PRADIER, Alternant Développeur</h1>
<h2>Bienvenue sur mon portfolio</h2>
<button
onclick="window.open('./assets/pdf/CV PRADIER Hugo.pdf', '_blank')"
>
Télécharger mon CV
</button>
</div>
<div class="col">
<img
src="./assets/images/photoIdentite.jpg"
alt="Photo de Hugo PRADIER"
class="w-100"
/>
</div>
</div>
</div>
</section>
<p>Very simple, some links, some menu... make it your own
&hellip;
<!-- À propos de moi -->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col">
<h2>À propos de moi</h2>
</div>
<div class="col">
<p>
Bonjour, je m'appelle Hugo Pradier, étudiant en troisième année
de BUT Production Informatique à l'IUT de Clermont-Ferrand.
Passionné par l’informatique, je suis toujours en quête de
nouveaux défis et compétences, explorant divers domaines avec
une fascination particulière pour le monde du web. Titulaire
d'un baccalauréat avec mention Bien, mes spécialités étaient
"Mathématiques" et "N.S.I" j’ai alors poursuivi sur un Bachelor
universitaire et technologique en Production informatique. Au
fil de mes expériences, j'ai acquis une expertise dans un large
éventail de langages de programmation, de bases de données et de
frameworks. Dans ce portfolio, je vous invite à découvrir en
détail mes compétences, mon parcours et mes diverses
expériences. N'hésitez pas à me contacter pour toute question ou
opportunité de collaboration. Merci de votre visite !
</p>
</div>
</div>
</div>
</section>
<p>I have nothing more to say
<!-- Mon parcours -->
<section class="py-5">
<div class="container">
<h2>Mon parcours</h2>
<div class="row gy-4 mt-4">
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
</div>
</div>
</section>
<!-- my footer -->
<address>Template made in 2022<br>
with Code#0 <a href="https://codefirst.iut.uca.fr/home"><img src="./hugopradier2-Portfolio_PRADIER/images/CodeFirstLogo.png" alt="Code#0" align="middle" border="0" height="40px"/>
</a></address>
<!-- Mes expériences professionnelles -->
<section class="py-5">
<div class="container">
<h2>Mes expériences professionnelles</h2>
<div class="row gy-4 mt-4">
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
</div>
</div>
</section>
</body>
</html>
<!-- Mes compétences -->
<section class="py-5 bg-light">
<div class="container">
<h2>Mes compétences</h2>
<h3>Développement web et design</h3>
<!-- Developpement -->
<div class="row gy-4 mt-5">
<div class="col-12 col-md-7">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-12 offset-md-1 col-md-4">
<img
src="./assets/images/ecranCode.jpg"
alt="Écran montrant du code"
width="100%"
/>
</div>
</div>
<!-- Design -->
<div class="row gy-4 mt-5">
<div class="col-12 col-md-4">
<img
src="./assets/images/maquetteSite.png"
alt="Écran montrant une maquette de site web"
width="100%"
/>
</div>
<div class="col-12 offset-md-1 col-md-7">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
</div>
</div>
</section>
<!-- Mes projets -->
<section class="py-5">
<div class="container">
<h2>Mes projets</h2>
<h3>Projets scolaire et en entreprise</h3>
<div class="row gy-4 mt-4">
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
<div class="col-3">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section class="py-5 bg-light">
<div class="container">
<h2>Formulaire de contact</h2>
<div class="row gy-4 mt-5">
<div class="col-12 col-md-5">
<img
src="./assets/images/contact.jpg"
alt="Image d'une touche de clavier pour contacter"
width="100%"
/>
</div>
<div class="col-12 offset-md-1 col-md-6">
<div class="bg-secondary h-100 w-100 py-5"></div>
</div>
</div>
</div>
</section>
</main>
<!-- Bas de page -->
<footer class="border-top">
<div class="container py-5">
<div class="row gy-4">
<div class="col-12 col-md-4">
<div class="bg-secondary py-5"></div>
</div>
<div class="col-12 col-md-4">
<div class="bg-secondary py-5"></div>
</div>
<div class="col-12 col-md-4">
<div class="bg-secondary py-5"></div>
</div>
</div>
</div>
</footer>
<!-- JS Boostrap -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</body>
</html>

32
mycoolstyle.css
Unescape View File

@ -1,32 +0,0 @@
body {
padding-left: 11em;
font-family: Georgia, 'Georgia', "Times New Roman",
Times, serif;
color: darksalmon;
background-color: rgb(39, 39, 84) }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid darksalmon }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: darkblue }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
Write Preview
Loading…
Cancel
Save