diff --git a/images/background.jpg b/images/background.jpg new file mode 100644 index 0000000..089f5b7 Binary files /dev/null and b/images/background.jpg differ diff --git a/images/download.png b/images/download.png new file mode 100644 index 0000000..ce98b41 Binary files /dev/null and b/images/download.png differ diff --git a/images/galaxy.jpg b/images/galaxy.jpg new file mode 100644 index 0000000..0213d4c Binary files /dev/null and b/images/galaxy.jpg differ diff --git a/images/image1.jpg b/images/image1.jpg new file mode 100644 index 0000000..ba64473 Binary files /dev/null and b/images/image1.jpg differ diff --git a/images/space1.jpg b/images/space1.jpg new file mode 100644 index 0000000..1e9543c Binary files /dev/null and b/images/space1.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..54b2883 --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + + + + Fatih Inan + + + Fatih Inan +
+

Fatih Inan

+

Front-end Developer

+
+
+

+ I am from Turkey.
I currently work as a Quality Assurance Analyst in Toronto. I do various testings of a web-based application at work.
I am currently a student at Hack Your Future Program + + with the hope to hack my future.
This program will provide me with the most saught for skills in the market such as: +

+
+
+ + + +
+
+
+
+ Space + Space + Space +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0544f9c --- /dev/null +++ b/style.css @@ -0,0 +1,82 @@ +.profileImage { + border-radius: 10px; + float: center; + border: 10px solid black; +} + +body { + background: url(images/background.jpg) fixed; + background-size: cover; + text-align: center; + list-style-position: inside; + width: 100%; +} + +p { + font-family: 'Roboto', sans-serif; +} + +h1, +h2 { + font-family: 'Inconsolata', monospace; +} + +header { + background-color: rgba(255, 94, 0, 0.1); + padding: 5px 0 5px 0; +} + +#about { + font-size: 22px; + background-color: rgba(0, 255, 221, 0.2); + padding: 5px 0 5px 0; +} + +.skills { + padding: 5px 0 5px 0; + font-size: 25px; + font-family: 'Roboto', sans-serif; + background-color: rgba(153, 0, 255, 0.1); +} + +h1 { + font-size: 48px; +} +h2 { + font-size: 36px; +} + +/* unvisited link */ +a:link { + color: blue; +} + +/* visited link */ +a:visited { + color: blueviolet; +} + +/* mouse over link */ +a:hover { + color: red; + background-color: white; +} + +/* selected link */ +a:active { + color: black; + background-color: white; +} + +.images { + width: 70%; + margin: auto; +} + +.image { + border: 10px solid black; +} + +footer { + padding: 10px; +}