diff --git a/images/cartoongirl.jpg b/images/cartoongirl.jpg new file mode 100644 index 0000000..6247da2 Binary files /dev/null and b/images/cartoongirl.jpg differ diff --git a/images/dagadam.jpg b/images/dagadam.jpg new file mode 100644 index 0000000..50ad462 Binary files /dev/null and b/images/dagadam.jpg differ diff --git a/images/duver.jpeg b/images/duver.jpeg new file mode 100644 index 0000000..d207c24 Binary files /dev/null and b/images/duver.jpeg differ diff --git a/images/pcman.jpg b/images/pcman.jpg new file mode 100644 index 0000000..0f5c063 Binary files /dev/null and b/images/pcman.jpg differ diff --git a/images/photography.jpg b/images/photography.jpg new file mode 100644 index 0000000..9edcbd0 Binary files /dev/null and b/images/photography.jpg differ diff --git a/images/volleyball.jpg b/images/volleyball.jpg new file mode 100644 index 0000000..32c5da6 Binary files /dev/null and b/images/volleyball.jpg differ diff --git a/mywp.html b/mywp.html new file mode 100644 index 0000000..3e041f4 --- /dev/null +++ b/mywp.html @@ -0,0 +1,78 @@ + + + + + ESY + + + + + + + + + + + + +
+ Home + About Me + My Hobbies + Future Plans + Contact +
+ + +
+

WELCOME

+ cartoon girl + +
+ + +
+

About Me

+

Hi! I am Elif Sude Yasar. I am nineteen years old. I graduated from high school in Turkey. + After I graduated from high school, I went to the USA for an English course. + Then, I came to Canada. +
Now, I am taking coding classes, and I will begin at a College in September.

+
+ +
+

My Hobbies and Interests

+ programming + volleyball + photography + +
+ + +
+

My Future Plans

+ + +
+ + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..895e272 --- /dev/null +++ b/style.css @@ -0,0 +1,106 @@ +body{ + font-family: 'Libre Caslon Text', serif; + background: url(images/duver.jpeg) no-repeat fixed; + background-size: cover; + margin: 0; + padding: 0; +} + +.topnav { + background-color: #333; + overflow: hidden; +} + +.topnav a { + float: left; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px;} + + .topnav a:hover { + background-color: #ddd; + color: black; +} + + + +h1{ + font-size: 50px; + line-height: 1.5px; + +} + +p{ + font-size: 18px; + line-height: 1.5;} + + header, +section, +footer { + padding: 100px 150px; +} + + /* HEADER */ + + header{ + background-color: rgba(97, 41, 64, 0.6); + color: white; + text-align: center;} + + /* ABOUT */ + .about{ + background-color: rgba(255, 153, 204, .5); + font-family: inherit; + } + + #maddeler{ + text-align: right; + font-size: 25px; + } + + .hobbies{ + background-color: rgba(170, 128, 255, .4); + text-align: center; + } + + + + .hobbies img{ + width: 180px; + border-radius: 50%; + margin: 10px; + } + + + .hobbies img:hover { + color: white; + } + + .plans{ + background: url(images/dagadam.jpg) no-repeat fixed; + background-size: cover; + font-size: 25px; + font-family: monospace; + + } + + /* FOOTER - contact information */ + footer { + + background-color: rgba(204, 255, 255, .4); + font-family: sans-serif; + + color: rgb(153, 0, 51); + text-align: center;} + h4{ + font-size: 36px; + } +i{ + font-size: 75px; + color: purple; + } + i:hover{ + color: blue; + }