xxxxxxxxxx
51
<body>
<h1 align="center">These Are My Favorite Projects</h1>
<div id="side">
<div id="example1">
<h2>My first Project</h2>
<p>This Is A Project I Did On Edgar Allan Poe </p>
<a href="https://codecraft.live/web/ExoD7uNMb3AOvPVwyzrp" target="_blank">Edgar Allan Poe</a>
</div>
<div id="example2">
<h2>My Second Project</h2>
<p>This Is A Project I Did To Compare Diffrent Computer Brands</p>
<a href="https://codecraft.live/web/rTU379dKDifF98EirYIz" target="_blank">Comparing Computer Table</a>
</div>
</div>
<div id="and4">
<div id="example3">
<h2>My Third Project</h2>
<p>This Is A Project I Did With A Magic 8 Ball</p>
<a href="https://codecraft.live/web/VcK1G7Vzbn0kBXfaH3k2" target="_blank">This Is My Magic 8 Ball</a>
</div>
<div id="example4">
<h2>My Fourth Project</h2>
<p>This Is A Project I Did About A Fake Doughnut Company</p>
<a href="https://codecraft-platform.firebaseapp.com/web/Ssp02T6kjxCgMg3y5IwZ" target="_blank">This Is The Project I Did About The Fake Doughnut Company</a>
</div>
</div>
<div id="end">
<h1>If You Would Like Learn More About Me Click This Link</h1>
</div>
<div id="example5">
<h2>My Fifth Project</h2>
<p>This Is A Project I Did About My Self</p>
<a href="https://codecraft-platform.firebaseapp.com/web/mJDIkUDiQXjLKPwLTbt3" target="_blank">This Is The Project I Did About My Self</a>
</div>
</body>
xxxxxxxxxx
67
h1 {
color: #DBFE2D;
text-align: center;
}
body {
background-image: url("https://stmed.net/sites/default/files/color-wallpapers-30653-1110050.jpg"); background-size:cover; text-align: center;
}
#example1 {
border: 5px solid #000000;
background-color: #FFC107;
height: 154px;
width: 300px;
}
#example1 a {color:#FE00C4;}
#example2 {
border: 5px solid #000000;
background-color: #EE3012;
height: 154px;
width: 300px;
}
#example3 {
border: 5px solid #000000;
background-color: #4AA037;
height: 154px;
width: 300px;
}
#example4 a {color:#FAFE00}
#example4 {
border: 5px solid #000000;
background-color: #3A5DD0;
height: 154px;
width: 300px;
}
#example5 {
border: 5px solid #000000;
background-color: #FFDE36;
height: 154px;
width: 300px;
display: inline-block;
}
#example5 a{color:#004DFE}
#side {
display: flex;
text-align: center;
width: 600px;
margin: auto;
xxxxxxxxxx
1
Project Settings
Project Metadata
Author: Alissa Johnson
Date Created: 7/11/19, 3:35 PM
Last Edited: 1/16/20, 10:13 PM
Project README.md
Project README.md Preview