diff --git a/Images/DNA.png b/Images/DNA.png new file mode 100644 index 0000000..72555cf Binary files /dev/null and b/Images/DNA.png differ diff --git a/Images/Dad-Wasnt-Really-Dad.jpg b/Images/Dad-Wasnt-Really-Dad.jpg new file mode 100644 index 0000000..196a428 Binary files /dev/null and b/Images/Dad-Wasnt-Really-Dad.jpg differ diff --git a/Images/Familys-Dark-Past.jpg b/Images/Familys-Dark-Past.jpg new file mode 100644 index 0000000..c88faf8 Binary files /dev/null and b/Images/Familys-Dark-Past.jpg differ diff --git a/Images/Instagram.png b/Images/Instagram.png new file mode 100644 index 0000000..b61a965 Binary files /dev/null and b/Images/Instagram.png differ diff --git a/Images/Married-to-a-Cousin.jpg b/Images/Married-to-a-Cousin.jpg new file mode 100644 index 0000000..ef3f2aa Binary files /dev/null and b/Images/Married-to-a-Cousin.jpg differ diff --git a/Images/Secret-Sibling.jpg b/Images/Secret-Sibling.jpg new file mode 100644 index 0000000..64bf444 Binary files /dev/null and b/Images/Secret-Sibling.jpg differ diff --git a/Images/Secret-Sibling2.jpg b/Images/Secret-Sibling2.jpg new file mode 100644 index 0000000..f52271f Binary files /dev/null and b/Images/Secret-Sibling2.jpg differ diff --git a/Images/Switched-at-Birth.jpg b/Images/Switched-at-Birth.jpg new file mode 100644 index 0000000..877465a Binary files /dev/null and b/Images/Switched-at-Birth.jpg differ diff --git a/README.md b/README.md index 8375dfc..18903f9 100644 --- a/README.md +++ b/README.md @@ -1 +1,2 @@ # Intro days project + diff --git a/index.html b/index.html new file mode 100644 index 0000000..bcef3be --- /dev/null +++ b/index.html @@ -0,0 +1,114 @@ + + + + + + + DNA Article + + + + + +
+ +

Here are five shocking DNA test results that people have discovered!

+
+ +
+ +
+ +
+ +
+ + +
+

Switched at Birth

+

A man took a DNA test for fun and found out he wasn't biologically related to his parents. + After investigating, he learned he was accidentally switched at birth in the hospital.

+
+ +
+ + +
+ +
+ +
+ + +
+

Secret Sibling

+

A woman took a DNA test and found a half-brother she never knew existed. + Turns out, her father had an affair and kept it a secret for decades.

+
+ +
+ + +
+ +
+ +
+ +
+

Family's Dark Past

+

A woman researching her family tree found out her grandfather wasn't who they thought—he had changed his name + to hide his criminal past, which involved fleeing another country.

+
+ +
+ + +
+ +
+ +
+ + +
+

Married to a Cousin

+

A couple took DNA tests out of curiosity and were horrified to discover they were actually cousins. They had + been married for years and had no idea they were related.

+
+ +
+ +
+ +
+ +
+ + +
+

Dad Wasn't Really Dad

+

A man in his 40s gifted his whole family DNA test kits for Christmas. + The results revealed that his father wasn't his biological dad, his mother had a brief relationship with + someone else. +

+
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..206547b --- /dev/null +++ b/style.css @@ -0,0 +1,93 @@ +body { + background-image: url("Images/DNA.png"); + background-attachment: fixed; + background-size: cover; + margin: 0; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + + /* woop woop!! :D */ +} + +.header { + background-color: rgba(128, 207, 247, 0.5); + +} + +main { + display: flex; + flex-direction: column; + align-items: center; + max-width: 2000px; +} + +nav { + display: flex; + align-items: center; + gap: 20px; + justify-content: space-around; + padding: 10px; +} + +a { + text-decoration: none; + color: black; +} + +a:hover { + background-color: rgba(84, 167, 234, 0.7); +} + +nav a { + font-family: 'Times New Roman', Times, serif; + font-size: 25px; +} + +h1 { + text-align: center; + padding: 10px; +} + +p { + font-size: 20px; +} + +.content { + background-color: rgb(160, 160, 160, 0.3); + padding: 20px; + width: 800px; + margin: 20px; + border-radius: 5px; + display: flex; + align-items: center; + gap: 20px; + box-shadow: 3px 3px rgb(160, 160, 160, 0.6); + +} + +.content img { + width: 100%; + border-radius: 5px; + +} + +.images { + width: 250px; +} + +.text { + padding: 5px; + +} + +footer { + background-color: rgba(105, 188, 229, 0.553); + font-family: 'Times New Roman', Times, serif; + display: flex; + align-items: center; + padding: 5px; + gap: 20px; +} + +#insta { + width: 50px; +} \ No newline at end of file