Started working on the projects page
This commit is contained in:
BIN
assets/FreeMonoBold.ttf
Normal file
BIN
assets/FreeMonoBold.ttf
Normal file
Binary file not shown.
BIN
assets/FreeMonoBold.woff
Normal file
BIN
assets/FreeMonoBold.woff
Normal file
Binary file not shown.
BIN
assets/blogico.png
Normal file
BIN
assets/blogico.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 375 B |
BIN
assets/gitico.png
Normal file
BIN
assets/gitico.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 274 B |
21
projects/index.html
Normal file
21
projects/index.html
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Ayabusa club - Projects</title>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
<!--<script src="script.js"></script> -->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="disbox">
|
||||||
|
<div class="disboxh">
|
||||||
|
<img class="ico" src="../assets/gitico.png"></img>
|
||||||
|
<img class="ico" src="../assets/blogico.png"></img>
|
||||||
|
</div>
|
||||||
|
<p class="disboxp">
|
||||||
|
loc_projects:<br>
|
||||||
|
During my dev journey, I had the opportunity to create some projects, I've collected here, those that might pick your interest.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
projects/style.css
Normal file
37
projects/style.css
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'fmono';
|
||||||
|
src: url('../assets/FreeMonoBold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||||
|
url('../assets/FreeMonoBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
min-height: 100vh;
|
||||||
|
background-image: linear-gradient(to top, #c2fcff, white);
|
||||||
|
color: #071c2dff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disbox {
|
||||||
|
font-family: "fmono";
|
||||||
|
}
|
||||||
|
|
||||||
|
.disboxp {
|
||||||
|
color: #000080;
|
||||||
|
outline: solid;
|
||||||
|
outline-width: 2px;
|
||||||
|
outline-color: black;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disboxh {
|
||||||
|
background-color: #c2fcff;
|
||||||
|
outline: solid;
|
||||||
|
outline-width: 2px;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ico {
|
||||||
|
margin-bottom: -3px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user