-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (146 loc) · 7.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name=description content="Portfolio - ">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keyword" content="portfolio, web, developper, developpeuse, html, js, javascript, jquery, bootstrap, flexbox, grid,responsive">
<title>FG | Portfolio</title>
<link rel="stylesheet" href="assets/style/style.css">
<link rel="stylesheet" href="assets/style/mediasqueries.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,500&display=swap" rel="stylesheet">
<!-- bootstrap -->
</head>
<body>
<!-- xxxxxxx HEADER xxxxxxx -->
<header class="container">
<div class="intro">
<img src="assets/img/imgportfolio/francoise_animations.gif" alt="portrait FrançoiseG">
<ul class="for_desktop">
<li><a href="#">A propos</a></li>
<li><a href="#">Stack</a></li>
<li><a href="#">Experiences</a></li>
</ul>
</div>
</header>
<!-- xxxxxxx MAIN xxxxxxx -->
<main>
<!-- SECTION.APROPOS ++++++++++++++++++++ -->
<section class="apropos" id="about">
<h2 class="subtitle"><span>A </span><span>p</span><span>r</span>o<span></span><span>p</span><span>o</span><span>s</span></h2>
<div class="portrait-presentation">
<div class="portrait">
<img src="assets/img/portrait_FrancoiseGo.png" alt="portrait d'une développeuse">
</div>
<div class="presentation">
<p class="apropos">Je m'appelle <span>Françoise</span>, je suis en reconversion dans l'univers foisonant, bouillonant et créatif du numérique. J'ai une bonne pratique de<span> HTML5/CSS3,</span> <span>Flexbox,</span>
<span>Grid</span>.
Mes nouveaux amis s'appellent <span>Javascript, </span> <span>Greensock,</span> <span>
jQuery,</span>
<span>Angular...</span> J'ai appris à utiliser l'outil de versionning <span>Github</span>. Afin
de monter en compétences, je me challenge grâce à des sites comme <a
href="https://devchallenges.io/">devchallenges.io </a> & <a href="https://www.frontendmentor.io/profile/frgomis">frontmentor.io</a><br>
J'ai envie de participer activement à la conception d'interfaces à l'UX agréable, responsives,
bien codées ; afin que la navigation soit plaisante pour les utilisateurs.</p>
</div>
</div>
</div>
</section>
<!-- SECTION.EXPERIENCES ++++++++++++++++++++ -->
<section class="exper">
<h2 class="subtitle">Expériences</h2>
<div class="experiences">
<div class="item1">
<h4><a href="experiences.html">Développeuse Front-end</a></h4>
<div class="arrow">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="item2">
<h4><a href="experiences.html">Développeuse WordPress</a></h4>
</div>
<div class="item3">
<h4><a href="experiences.html">Gestionnaire de paie</a></h4>
</div>
<div class="item4">
<h4><a href="experiences.html"> Assistante de formation</a></h4>
</div>
</div>
</section>
<!-- SECTION.STACK ++++++++++++++++++++++ -->
<section class="projet" id="projects">
<h2 class="subtitle">Stack</h2>
<div class="html-css">
<figure class="projets">
<figcaption >HTML- CSS</figcaption>
<img src="assets/img/design/maquette-gants.png"
alt="visuel catalogue vente de gants de boxes">
</figure>
</div>
<div class="flexbox-grid">
<a href="projet.html" rel="noopener noreferrer" target="_blank" >
<figure class="projets">
<figcaption>Flexbox - Grid</figcaption>
<img src="assets/img/design/challenge-frontend.jpg" alt="maquette frontend-mentor.io">
</figure></a>
</div>
<div class="js-jquery">
<figure class="projets">
<figcaption>Javascript - jQuery</figcaption>
<img src="assets/img/design/maquette-voitures.png"
alt="visuel location de véhicules">
</figure>
</div>
<div class="certificatIntegratrice">
<a href="http://www.webforcegame.fr/" target="_blank" rel="noopener noreferrer">
<figure class="projets">
<figcaption>Site réalisé en Equipe</figcaption>
<img src="assets/img/design/projet-webforcegame.png" alt="visuel catalogue site WF3">
</figure>
</a>
</div>
</section>
</main>
<!-- +++++++ NAV +++++++-->
<footer>
<nav class="down-menu">
<div class="item1-nav hamburger">
<span></span>
<span></span>
<span></span>
</div>
<div class="dropdown">
<div class="dropdown-select">
<span class="select"></span>
<span class="select"></span>
<span class="select"></span>
</div>
<div class="dropdown-list">
<div class="dropdown-list_item"></div>
<div class="dropdown-list_item"></div>
<div class="dropdown-list_item"></div>
</div>
</div>
<div class="item2-nav">
<a href="assets/img/frgomis.pdf" target="_blank" download="mon CV"><img src="assets/img/icons8-pdf-48.png" alt="icone pdf"></a>
</div>
<div class="item3-nav"><a href="https://www.linkedin.com/in/francoise-gomis" rel="noopener noreferrer" targert="_blank"><img src="assets/img/icons8-linkedin.png" alt="icone linkedin"></a></div>
<div class="item4-nav"><a href="https://github.com/frgomis" rel="noopener noreferrer" targert="_blank"><img src="assets/img/icons-github.svg" alt="icone Github"></a></div>
</nav>
<div class="copyright">
<ul>
<li>© FrançoiseGo</li>
<li>2021</li>
</ul>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js" integrity="sha512-cdV6j5t5o24hkSciVrb8Ki6FveC2SgwGfLE31+ZQRHAeSRxYhAQskLkq3dLm8ZcWe1N3vBOEYmmbhzf7NTtFFQ==" crossorigin="anonymous"></script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/19588254.js"></script>
<!-- End of HubSpot Embed Code -->
<script src="assets/js/app.js"></script>
</body>
</html>