Ajout de Fontawesome
+ Changement du thème
This commit is contained in:
parent
19fe0fc972
commit
e8a6d4fc14
@ -29,21 +29,21 @@ $primary-invert: $pink-invert;
|
||||
/**
|
||||
Thème
|
||||
**/
|
||||
$orange-yellow:#F2CD60;
|
||||
$maize:#F2E863;
|
||||
$wheat:#f5e0b7;
|
||||
$vivid-tangerine:#efa48b;
|
||||
$granite-gray:#685369;
|
||||
$deep-koamaru:#2b4162;
|
||||
$myrtle-green:#326273;
|
||||
$cadet-blue:#5c9ead;
|
||||
$neon-carrot:#fa9f42;
|
||||
$white:#ffffff;
|
||||
|
||||
/**
|
||||
Variables Bulma
|
||||
**/
|
||||
$primary:$orange-yellow;
|
||||
$primary:$cadet-blue;
|
||||
$primary-invert:#fff;
|
||||
$info:$vivid-tangerine;
|
||||
$info:$myrtle-green;
|
||||
$info-invert:#fff;
|
||||
$footer-color:$granite-gray;
|
||||
$link:$orange-yellow;
|
||||
$footer-color:$deep-koamaru;
|
||||
$link:$neon-carrot;
|
||||
|
||||
@import "../node_modules/bulma/bulma";
|
||||
|
||||
@ -72,4 +72,8 @@ footer {
|
||||
|
||||
footer strong {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.media-content {
|
||||
margin-top: -6px;
|
||||
}
|
565
css/main.css
565
css/main.css
File diff suppressed because it is too large
Load Diff
23
index.html
23
index.html
@ -8,10 +8,12 @@
|
||||
<title>Anthony Dumas - Portfolio</title>
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
|
||||
crossorigin="anonymous">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section id="menu" class="hero is-primary is-bold">
|
||||
<section id="menu" class="hero is-primary">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title">
|
||||
@ -23,7 +25,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="idCard" class="hero is-medium is-primary-inverted">
|
||||
<section id="idCard" class="hero is-medium is-primary-inverted is-bold">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
@ -31,7 +33,7 @@
|
||||
<div id="idCard" class="column is-3 is-hidden-mobile">
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<figure class="image">
|
||||
<figure id="photoProfil" class="image">
|
||||
<img src="/images/profile_opt.jpg" alt="Placeholder image">
|
||||
</figure>
|
||||
</div>
|
||||
@ -39,7 +41,20 @@
|
||||
<div class="media">
|
||||
<div class="media-content">
|
||||
<p class="title is-4">Anthony Dumas</p>
|
||||
<p class="subtitle is-6">@adamas_fr</p>
|
||||
<p class="buttons are-small">
|
||||
<a class="button" href="https://github.com/AdamasFR">
|
||||
<span class="icon is-small">
|
||||
<i class="fab fa-github"></i>
|
||||
</span>
|
||||
<span>GitHub</span>
|
||||
</a>
|
||||
<a class="button" href="https://www.linkedin.com/in/anthonyyvondumas/">
|
||||
<span class="icon is-small">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
</span>
|
||||
<span>LinkedIn</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user