Added my first project
This commit is contained in:
parent
5a8ccdd2e6
commit
cbdc15f477
3 changed files with 25 additions and 9 deletions
BIN
corbel.ttf
Normal file
BIN
corbel.ttf
Normal file
Binary file not shown.
34
index.html
34
index.html
|
@ -15,39 +15,55 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 20;
|
||||
font-family: 'Corbel';
|
||||
}
|
||||
.heading {
|
||||
color: #ec9df5;
|
||||
font-size: 32px;
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.image {
|
||||
.pfp_image {
|
||||
vertical-align: left;
|
||||
height: 50px;
|
||||
margin-left: 20px;
|
||||
margin-right: 25px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Corbel'
|
||||
src: url(corbel.ttf);
|
||||
}
|
||||
|
||||
/* Body CSS */
|
||||
.body_container {
|
||||
display: grid;
|
||||
margin-top: 50px;
|
||||
margin-left: 50px;
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
font-family: 'Corbel';
|
||||
}
|
||||
.project_image {
|
||||
vertical-align: left;
|
||||
margin-left: 20px;
|
||||
margin-right: 25px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="heading_container">
|
||||
<img class="image" src="pfp.jpg" alt="Noololly's profile picture"/>
|
||||
<p class="heading">Welcome to Noololly's site</p>
|
||||
</div>
|
||||
<div class="heading_container">
|
||||
<img class="pfp_image" src="pfp.jpg" alt="Noololly's profile picture" height="50px" />
|
||||
<p class="heading">Welcome to Noololly's site</p>
|
||||
</div>
|
||||
</head>
|
||||
<body>
|
||||
<div class="body_container">
|
||||
<span style="white-space: pre-line">Hello! Welcome to my website. I have no clue what you are doing here, unless I have given you my URL for some reason or another.
|
||||
All are welcome here, so feel free to make yourself comfortable in my 2 webpages
|
||||
All are welcome here, so feel free to make yourself comfortable in my 2 webpages
|
||||
</span>
|
||||
|
||||
<img class="project_image" src="uno_card.png" alt="Image of an Uno card" height="250px">
|
||||
<a href="https://github.com/Noololly/uno/">This is the Uno project I made</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
BIN
uno_card.png
Normal file
BIN
uno_card.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 53 KiB |
Loading…
Add table
Reference in a new issue