mirror of
https://github.com/BenDWit/freecodecamp.git
synced 2025-12-23 13:09:59 +01:00
finished buisness card
This commit is contained in:
parent
234cca9d55
commit
a06fb8349f
6 changed files with 71 additions and 3 deletions
28
Certified_Full_Stack_Developer/CSS/Business_Card/index.html
Normal file
28
Certified_Full_Stack_Developer/CSS/Business_Card/index.html
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<title>Business Card</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="business-card">
|
||||||
|
<img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="profile picture of a flower"/>
|
||||||
|
<p class="full-name">Ben</p>
|
||||||
|
<p class="designation">Sysadmin</p>
|
||||||
|
<p class="company">Minty</p>
|
||||||
|
<hr>
|
||||||
|
<p>ben@bendwit.com</p>
|
||||||
|
<p>06-xx-xx-xx-xx</p>
|
||||||
|
<a href="https://bendwit.com">Portfolio</a>
|
||||||
|
<hr>
|
||||||
|
<div class="social-media">
|
||||||
|
<h2>Connect with me</h2>
|
||||||
|
<a href="https://x.com/pbdewit">Twitter</a>
|
||||||
|
<a href="https://www.linkedin.com/in/bendwit/">LinkedIn</a>
|
||||||
|
<a href="https://github.com/BenDWit">GitHub</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
Certified_Full_Stack_Developer/CSS/Business_Card/main.css
Normal file
29
Certified_Full_Stack_Developer/CSS/Business_Card/main.css
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
body {
|
||||||
|
background-color: rosybrown ;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-card {
|
||||||
|
font-size: 16px;
|
||||||
|
width: 300px;
|
||||||
|
background-color: gray;
|
||||||
|
padding: 20px;
|
||||||
|
margin: 100px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-image {
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
# Travel Agency
|
# Travel Agency
|
||||||
|
|
||||||
This lesson i learned how to use figures.
|
This Lab i learned how to use figures.
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
# Event hub
|
# Event hub
|
||||||
|
|
||||||
This lesson i learned how to use semantic HTML elements
|
This Lab i learned how to use semantic HTML elements
|
||||||
|
|
|
||||||
11
Certified_Full_Stack_Developer/Relational_Databases/aa.html
Normal file
11
Certified_Full_Stack_Developer/Relational_Databases/aa.html
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
***
|
***
|
||||||
|
|
||||||
My Exercises from Freecodecamp.
|
My Lab's from Freecodecamp.
|
||||||
|
|
||||||
## My Freecodecamp account
|
## My Freecodecamp account
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue