mirror of
https://github.com/BenDWit/freecodecamp.git
synced 2025-12-23 09:00:01 +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
|
||||
|
||||
This lesson i learned how to use figures.
|
||||
This Lab i learned how to use figures.
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
# 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
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue