diff --git a/Felix - FavCode Test.html b/Felix - FavCode Test.html deleted file mode 100644 index c659a5d..0000000 --- a/Felix - FavCode Test.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - Felix - FavCode Test - - - - - - - - - - - - - - - -
-
- -
- -
-
-

I'm John Doe and I am a Favcoder

-

My mission for Favcode is to: Develop and deploy enterprise software products.

- -

This is why you should choose me

-

Lorem ipsum dolor sit amet consectetur adipiscing elit nostra taciti curae, accumsan orci id mauris euismod ridiculus maecenas volutpat varius senectus feugiat, semper dui ut nibh consequat erat eleifend natoque habitant. Ridiculus litora libero hendrerit imperdiet integer inceptos lacus, posuere lectus morbi potenti maecenas dapibus.

- - - -

Here is my LinkedIn Page.

-
- -
- -
-
- -
- - - \ No newline at end of file diff --git a/README.md b/README.md index 3e25eca..eeb31d5 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ -# Web-Developer-EntryLevel -This shows that you have basic knowledge of html image, and link tags, and how well they can communicate. -The person with the best working and readable variation is who we need! 🤗🤗🤗🤗🤗🤗🤗🤗🤗 - -GETTING STARTED: - -FORK THIS PROJECT TO YOUR REPOSITORY, WORK IT ON AND PUSH BACK -DEADLINE: 4TH APRIL -DEADLINE: 4TH APRIL -DEADLINE: 4TH APRIL +# Web-Developer-EntryLevel +This shows that you have basic knowledge of html image, and link tags, and how well they can communicate. +The person with the best working and readable variation is who we need! 🤗🤗🤗🤗🤗🤗🤗🤗🤗 + +GETTING STARTED: + +FORK THIS PROJECT TO YOUR REPOSITORY, WORK IT ON AND PUSH BACK +DEADLINE: 4TH APRIL +DEADLINE: 4TH APRIL +DEADLINE: 4TH APRIL diff --git a/images/HTML_certificate.jpg b/images/HTML_certificate.jpg new file mode 100644 index 0000000..ca9f74e Binary files /dev/null and b/images/HTML_certificate.jpg differ diff --git a/images/Hackerrank.png b/images/Hackerrank.png new file mode 100644 index 0000000..27840e8 Binary files /dev/null and b/images/Hackerrank.png differ diff --git a/images/Hackerrank2.png b/images/Hackerrank2.png new file mode 100644 index 0000000..8708774 Binary files /dev/null and b/images/Hackerrank2.png differ diff --git a/images/JavaScript_certificate.jpg b/images/JavaScript_certificate.jpg new file mode 100644 index 0000000..1420bd8 Binary files /dev/null and b/images/JavaScript_certificate.jpg differ diff --git a/images/Java_certificate.jpg b/images/Java_certificate.jpg new file mode 100644 index 0000000..03b3b5c Binary files /dev/null and b/images/Java_certificate.jpg differ diff --git a/images/SQL_certificate.jpg b/images/SQL_certificate.jpg new file mode 100644 index 0000000..cea3d40 Binary files /dev/null and b/images/SQL_certificate.jpg differ diff --git a/images/Screenshot_20180327-031857.png b/images/Screenshot_20180327-031857.png new file mode 100644 index 0000000..c25eaff Binary files /dev/null and b/images/Screenshot_20180327-031857.png differ diff --git a/images/facebook.jpg b/images/facebook.jpg new file mode 100644 index 0000000..ce4a7bd Binary files /dev/null and b/images/facebook.jpg differ diff --git a/images/felix1.png b/images/felix1.png new file mode 100644 index 0000000..c451c5e Binary files /dev/null and b/images/felix1.png differ diff --git a/images/git1.png b/images/git1.png new file mode 100644 index 0000000..95ccd10 Binary files /dev/null and b/images/git1.png differ diff --git a/images/git2.png b/images/git2.png new file mode 100644 index 0000000..9fe63e5 Binary files /dev/null and b/images/git2.png differ diff --git a/images/git3.png b/images/git3.png new file mode 100644 index 0000000..bf36824 Binary files /dev/null and b/images/git3.png differ diff --git a/images/git4.png b/images/git4.png new file mode 100644 index 0000000..b608575 Binary files /dev/null and b/images/git4.png differ diff --git a/images/hackerearth.png b/images/hackerearth.png new file mode 100644 index 0000000..c02d31a Binary files /dev/null and b/images/hackerearth.png differ diff --git a/images/linked2.jpg b/images/linked2.jpg new file mode 100644 index 0000000..0ae67e3 Binary files /dev/null and b/images/linked2.jpg differ diff --git a/images/logo1.jpg b/images/logo1.jpg new file mode 100644 index 0000000..25ce106 Binary files /dev/null and b/images/logo1.jpg differ diff --git a/images/logo2.png b/images/logo2.png new file mode 100644 index 0000000..2a3ad20 Binary files /dev/null and b/images/logo2.png differ diff --git a/images/logo3.jpg b/images/logo3.jpg new file mode 100644 index 0000000..00ae03c Binary files /dev/null and b/images/logo3.jpg differ diff --git a/images/logo3.png b/images/logo3.png new file mode 100644 index 0000000..de58bb5 Binary files /dev/null and b/images/logo3.png differ diff --git a/images/logo4.png b/images/logo4.png new file mode 100644 index 0000000..ac59ba0 Binary files /dev/null and b/images/logo4.png differ diff --git a/images/me.jpg b/images/me.jpg new file mode 100644 index 0000000..da75ae2 Binary files /dev/null and b/images/me.jpg differ diff --git a/images/wallsummer.jpg b/images/wallsummer.jpg new file mode 100644 index 0000000..009a057 Binary files /dev/null and b/images/wallsummer.jpg differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..a549ab7 --- /dev/null +++ b/index.php @@ -0,0 +1,199 @@ + + + + + + + Felix - FavCode Test + + + + + + + + + + + + + +
+ + + + + + +
+ +
+ + + +
+
+ +
+ +
+

I'm Victor Olaopa and I am a Favcoder

+

My mission as a Favcoder is to: Develop and deploy enterprise software products.

+ +
+ +
+

This is why you should choose me

+

+ PASSION
+ First and foremost, every innovation starts with a passion. + No matter how tough something seems to be, the only point where progress stops, is that point where passion vanishes. + I, Victor Olaopa, am very passionate about Software development [Reason I am a FavCoder.]. + It is something I am always interested to discuss about, and I'm always open to learn from anyone. + I Strongly believe that this priceless opportunity will thrust me a great distance further to achieving my dreams. + Technology, is what I am here for and I am very bold to Say that no matter what may come my way, + I'll always be at the forefront of innovation.

+ + COLLABORATION
+ Sincerely speaking, this will be my first time ever to work under an honorable organization. + This means one important thing, collaboration is sure. I do not see this as a scenario to attract + human pity/sympathy to me. I am someone who you won't regret working with, as I believe Tell Em' needs someone Who is very dedicated. + This is a priceless gift to build myself. I want to be engaged continuously on things like this, things that + involve like minded dudes. Something I have always done selflessly. I love collaboration alot. I love innovation.

+ + SELF-IMPROVEMENT
+ Yeah! It might be true after all...
+ my little HTML and CSS[only] implemented site, might be classless. + It might be whacky. But I tell you something, it is not bound to be permanent. + I haven't attained the most I wish. I'm sure that in no time, I'll be a 1000 percent better than I am today. + This is just to say that getting accepted as a Tell Em' employee into any division,whether I am present physically or otherwise, + gives room for self improvement. + Believe me, when I say that this little project I am being given to handle stretched me a bit. + This is to say that I need things that will challenge me. No matter How little. + I believe by the grace of God I am limitless in what ever I set out to achieve.
+ Like some guys who had their internship in some company testified to their ability being largely improved by working + with that particular company. Same is bound to happen here, cause I'm determined. + I also am assured that gaining Industrial experience as a Tell Em' Employee, would give me first hand experience, into the + reality of being a software developer. And Together, we build something great, and we go only one way.... + #UP to #INNOVATE +


+ + Almost forgot to cite that I love solving and implementing little algorithmic problems (still learning though) [**winks** ;)]

+ + + + + + + + + Signed by: Victor Olaopa, + Favcoder 2018, + 2018. + + +

+
+ +
+ + + + + + + + + + + +
HERE ARE SOME OF MY LITTLE GIT HUB PROJECTS
+
+ + + +
+ +

MY Hobby

+ + SCROLL RIGHT TO UNFOLD » + + + + + + + + + + + + + + +
+ + +
+ +
+
+ +
+ +

I am OLAOPA VICTOR. + This little Web Page was designed by me + with the use of HTML and + Cascading Syle Sheet(CSS), Only.

+
+ + +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..cb9d62c --- /dev/null +++ b/style.css @@ -0,0 +1,417 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : Mar 29, 2018, 1:00:06 PM + Author : OLAOPA +*/ + + + + header{ + width: 100%; + height: 150px; + background: radial-gradient( saddlebrown,white); + background-image: url(images/wallsummer.jpg); + margin-bottom: 0px; + text-align: center; + font-weight: bold; + font-family: cursive; + font-size: 50px; + position: relative; + animation: welcome 3s infinite linear; + transition: all 1s ease; + } + + @keyframes welcome{ + 0%{ + color: pink + } + 25%{ + color: orange; + } + 50%{ + color: yellow; + } + 75%{ + color: lemon; + } + 100%{ + color: green; + } + } + + + header img{ + width: 100px; + height: 100%; + float: left; + left: 0; + position: absolute; + } + + nav{ + width: 98.5%; + height: 100px; + background-color: white; + margin-bottom: 20px; + padding: 10px; + background-color: transparent; + animation: rotate 2.5s linear + } + @keyframes rotate{ + from{ + margin-left: 100%; + transform: rotate(90deg); + } + to{ + margin-left: 0%; + transform: rotate(0deg); + } + } + + nav button{ + width: 25%; + height: 50%; + font-weight: bold; + font-family: calibri; + float: left; + border: 2px solid #000000; + border-radius: 20px; + cursor: pointer; + } + nav button:hover{ + border: 2px solid greenyellow; + box-shadow: 0px 4px 3px 0px gray + } + + body{ + background-color: white; + display: block; + animation: animatezoom 2s; + } + @-webkit-keyframes + animatezoom{ + from{ + -webkit-transform: scale(0) + } + to{ + -webkit-transform: scale(1) + } + } + + @keyframes animatezoom{ + from{ + transform: scale(0) + } + to{ + transform: scale(1) + } + } + + + + .main h1{ + text-align: center; + font-size: 30px; + font-family: brush script mt; + + } + .main p{ + text-align: center + } + + + .myh2{ + background-color: #0033ff; + color: brown; + font-size: 30px; + font-family: Ar Cena; + width: 100%; + border-radius: 10px 10px 0px 0px; + margin: 0%; + opacity: .4; + transition: all 1s ease-in-out; + } + + .presentation{ + width: 50%; + margin: auto; + padding: 0; + border-radius: 10px 10px 0px 0px; + background-color: #dddbdb; + text-align: center; + font-family: calibri; + transition: all 1s ease-in-out; + } + + .presentation:hover{ + border: 1px solid blue; + width: 80% + } + .presentation:hover .myh2{ + opacity: 1; + color: darkgray + } + + a img:hover{ + } + + a:hover{ + text-decoration: underline dashed ; + } + + .myp{ + margin: 5px; + height: 100px; + overflow-y: scroll; + font-size: 20px; + transition: all 1s ease-in-out; + } + .myp:hover{ + height: 800px; + + } + + + + .sub-head{ + text-align: center; + font-family: cursive; + font-weight: bolder; + font-size: 30px; + } + + .img-container{ + width: auto; + } + + .scroll{ + position: absolute; + width: 60px; + white-space: pre-line; + padding: 10px; + font-weight: bolder; + font-family: calibri; + font-size: large; + background: linear-gradient( blue,palegoldenrod); + height: auto; + border-radius: 100%; + text-align: center; + right: 10px; + border: 1px solid green; + opacity: .6 + } + .scroll:hover{ + border-color: blue; + opacity: 1 + } + + + .artwork img{ + width: 90%; + height: 270px; + border-radius: 45px; + margin-left: 5%; + animation-duration: 3s; + animation-name: slidein; + } + + @keyframes slidein{ + from{ + margin-left: 100%; + width:300%; + } + to{ + margin-left: 0%; + width: 100%; + + } + } + + .git-hub{ + width: 100%; + overflow-x: scroll; + } + .git-hub::-webkit-scrollbar{ + display: none + } /* Makes the scroll invisible.*/ + + .git-table{ + text-align: center; + margin: auto; + margin-top: 100px; + margin-bottom: 100px; + border-spacing: 10px; + } + + .git-table caption{ + font-family: fantasy; + font-weight: bolder; + font-size: large; + margin-bottom: 30px; + } + + .git-table tr td{ + margin-top: 50px; + border: 1px solid lime; + border-radius: 10px; + width: 400px; + height: 150px; + box-shadow: 3px 5px blue; + column-gap: 40px; + cursor: pointer; + transition: box-shadow 1s ease-in-out; + } + + .git-table tr td div{ + width: 380px; + height: 140px; + } + + .git-table tr td:hover{ + animation: table-border 3s infinite ease-in-out; + border: 2px solid green; + } + + @keyframes table-border{ + + 20%{ + box-shadow: 3px 6px yellow; + } + 450%{ + box-shadow: 3px 7px pink; + } + 60%{ + box-shadow: 3px 6px lemon; + } + 80%{ + box-shadow: 3px 5px blue; + } + 100%{ + box-shadow: 3px 4px lime; + } + } + + #footnote{ + float: right; + text-align: right; + background-color: whitesmoke; + width: auto; + height: auto; + white-space: pre-line; + box-shadow: 0px 4px 3px 0px grey; + font-family: calibri; + margin-top: 10px; + } + + .social{ + font-family: cursive; + height: 700px; + width: 100%; + background-color: azure; + font-size: 30px + + } + + #linkedin-logo{ + width: 100px; + height: 100px; + margin-right: 50px; + border-radius: 15px; + } + #facebook-logo{ + width: 180px; + height: 200px; + border-radius: 15px; + } + #facebook-logo:hover, #linkedin-logo:hover{ + box-shadow: 2px 2px 2px 2px springgreen; + } + + .logo2{ + float: left; + text-align: left + } + + + .logo2 img{ + width: 100px; + height: 100px; + float: left + } + + .logo4{ + float: right; + text-align: right; + } + + + .logo4 img{ + width: 100px; + height: 100px; + float: right; + } + + + .second-section{ + height: auto; + background-color: #e3c5e2; + margin-top: 0px; + margin-bottom: 0px; + background-color: darkgrey; + padding-top: 100px; + padding-bottom: 100px; + padding-left: 50px; + padding-right: 50px; + overflow-x: scroll; + + } + .second-section img{ + width: 400px; + height: 250px; + border-radius: 30px; + margin-bottom: 0px; + + } + + .second-section p{ + text-align: center; + font-size: 30px; + font-weight: bold; + font-family: calibri; + color: olive + } + + #hobby tr td{ + } + + .conclusion{ + height: auto; + background-color: #524035; + text-align: center; + font-family: calibri; + font-weight: bold; + font-size: 30px; + color: burlywood; + white-space: pre-line; + } + .conclusion span img{ + width: 300px; + height: 300px; + border-radius: 100%; + } + + footer{ + width: 100%; + height: 200px; + padding-top: 50px; + background: radial-gradient( #020f0f,brown); + color: blue; + text-align: center; + font-size: larger; + font-family: calibri + } +