diff --git a/2021/BEGINNERS/WEEK1/John-Ayanyemi/index.html b/2021/BEGINNERS/WEEK1/John-Ayanyemi/index.html new file mode 100644 index 0000000..6d78090 --- /dev/null +++ b/2021/BEGINNERS/WEEK1/John-Ayanyemi/index.html @@ -0,0 +1,31 @@ + + + + John Ayanyemi ⚡ + + + + + + +
+ +
+
+

Hi, I'm John

+

Currently learning to code(frontend), I work with HTML and CSS currently with the hope of building beautiful and functional web designs.
I consider my design skills and my keen eye for details as a plus.

+

+ You can connect with me on my Social platforms:

+ GitHub
+ Instagram
+ Twitter
+ Facebook +
+
+ +
+ +
+ + + \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK1/John-Ayanyemi/style.css b/2021/BEGINNERS/WEEK1/John-Ayanyemi/style.css new file mode 100644 index 0000000..dfa9deb --- /dev/null +++ b/2021/BEGINNERS/WEEK1/John-Ayanyemi/style.css @@ -0,0 +1,22 @@ +body { + background-color: #f0f2f5; + text-align: center; +} + +h1 { + color: #3c61f5 +} + +.div1 { + width: 90%; + background-color: white; + margin: 30px auto; + height: 500px; + padding: 10px 5px 10px 5px; + border-radius: 5px; +} + +a { + text-decoration: none; + color: #3c61f5; +} \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK1/submission.md b/2021/BEGINNERS/WEEK1/submission.md index 2e1480b..680715b 100644 --- a/2021/BEGINNERS/WEEK1/submission.md +++ b/2021/BEGINNERS/WEEK1/submission.md @@ -1,2 +1,6 @@ ## fullname - Assignment Folder Name - Whatsapp phone number -## Omiyefa OLuwafemi - Omiyefa Femi - 08141263376 \ No newline at end of file +<<<<<<< HEAD +John Ayanyemi - John-Ayanyemi - 08056783237 +======= +## Omiyefa OLuwafemi - Omiyefa Femi - 08141263376 +>>>>>>> upstream/cohort2_beginners diff --git a/2021/BEGINNERS/WEEK2/John-Ayanyemi/index.html b/2021/BEGINNERS/WEEK2/John-Ayanyemi/index.html new file mode 100644 index 0000000..ab0275e --- /dev/null +++ b/2021/BEGINNERS/WEEK2/John-Ayanyemi/index.html @@ -0,0 +1,46 @@ + + + + Survey Page📄 + + + + + + + + + +
+ +
+ + + +
+
+
+
+
+
+
+
+
+ + Get weekly updates on our services
+ +
+
+ + + + \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK2/John-Ayanyemi/style.css b/2021/BEGINNERS/WEEK2/John-Ayanyemi/style.css new file mode 100644 index 0000000..eddf28d --- /dev/null +++ b/2021/BEGINNERS/WEEK2/John-Ayanyemi/style.css @@ -0,0 +1,86 @@ +body { + height: 100vh; + background-color: #000a3f; + color: white; + font-family: "Verdana", sans-serif; +} + +h1 { + color: #019fdd; + margin-top: 60px; + font-size: 50px; + max-width: 100%; +} + +#header p { + margin-top: -25px; + margin-bottom: 30px; +} + +#header p, h1 { + text-align: center; +} + +#main { + background: rgba(2, 157, 226, 0.2); + border-radius: 10px; + width: 360px; + margin: 20px auto 30px auto; + padding: 30px 15px 30px 20px; + box-sizing: border-box; +} + +.circle { + height: 200px; + width: 200px; + border-radius: 200px; + background-color: rgba(2, 157, 226, 0.4); + margin-top: -200px; + margin-left: 50%; + +} + +label { + font-size: 20px; +} + +input, textarea { + margin-bottom: 10px; + margin-top: 10px; +} + +#note1 { + font-family: inherit; + padding-top: 5px; + height: 150px; +} + +#fname, #nom, #email, #note1 { + width: 100%; + outline: none; + border: none; + border-radius: 5px; + font-size: 20px; + padding-left: 10px; + box-sizing: border-box; +} + +#fname, #nom, #email { + height: 40px; +} + +#main input[type="submit"] { + width: 40%; + height: 40px; + outline: none; + border: none; + border-radius: 5px; + background-color: #000a3f; + color: white; + margin: 10px 0 0 0; +} + +#footer { + text-align: center; +} + diff --git a/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.css b/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.css new file mode 100644 index 0000000..e350bbd --- /dev/null +++ b/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.css @@ -0,0 +1,20 @@ +body { + background-color: #000a3f; + font-family: "Verdana", sans-serif; +} + +.container { + max-width: 360px; + text-align: center; + margin-top: 350px; + padding: 10px 5px; + background-color: #019fdd; + border-radius: 5px; + margin-right: auto; + margin-left: auto; +} + +body > p { + color: white; + text-align: center; +} \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.html b/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.html new file mode 100644 index 0000000..e8061ad --- /dev/null +++ b/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.html @@ -0,0 +1,17 @@ + + + + Survey Page📄 + + + + + + + +

This is just a demo.

+
+

Thank you for feeling out the form, we will get back to you as soon as possible!

+
+ + \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK2/submission.md b/2021/BEGINNERS/WEEK2/submission.md index af22f90..bf1d271 100644 --- a/2021/BEGINNERS/WEEK2/submission.md +++ b/2021/BEGINNERS/WEEK2/submission.md @@ -1 +1,2 @@ #fullname - assignment folder name - whatsapp number +John Ayanyemi - John-Ayanyemi - 08056783237 \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/README.md b/2021/BEGINNERS/WEEK3/John-Ayanyemi/README.md new file mode 100644 index 0000000..0ffc514 --- /dev/null +++ b/2021/BEGINNERS/WEEK3/John-Ayanyemi/README.md @@ -0,0 +1,11 @@ +# portfolio.github.io +Visit here https://johnayanyemi.github.io/portfolio + +Hi there! Thanks for visiting. +So this page was built based on practice, It hardly contains relevant information but I'm happy I was able to pull this up (humble beginnings). + +# cons +This site is only responsive on desktop/web. I started learning to code again last month and I'm really taking it slowly and hopeful this time. +# tech +I built this using HTML and CSS, being the only two technologies I know for now. I'd hopefully be updating this site as I go deep into front-end Development. +Contibutions are also welcomed! diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/about.html b/2021/BEGINNERS/WEEK3/John-Ayanyemi/about.html new file mode 100644 index 0000000..53d6d64 --- /dev/null +++ b/2021/BEGINNERS/WEEK3/John-Ayanyemi/about.html @@ -0,0 +1,22 @@ + + + + + + John Ayanyemi - About + + + +
+
+

John Ayanyemi

+ +
+
+ + + \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/debug.log b/2021/BEGINNERS/WEEK3/John-Ayanyemi/debug.log new file mode 100644 index 0000000..f567833 --- /dev/null +++ b/2021/BEGINNERS/WEEK3/John-Ayanyemi/debug.log @@ -0,0 +1 @@ +[0205/232857.896:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3) diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/img/Hi.jpg b/2021/BEGINNERS/WEEK3/John-Ayanyemi/img/Hi.jpg new file mode 100644 index 0000000..809d9c7 Binary files /dev/null and b/2021/BEGINNERS/WEEK3/John-Ayanyemi/img/Hi.jpg differ diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/index.html b/2021/BEGINNERS/WEEK3/John-Ayanyemi/index.html new file mode 100644 index 0000000..ac124bf --- /dev/null +++ b/2021/BEGINNERS/WEEK3/John-Ayanyemi/index.html @@ -0,0 +1,33 @@ + + + + + + John Ayanyemi - Personal Portfolio + + + +
+
+

John Ayanyemi

+ +
+
+ +
+
+
+

Hi, I'm John!

+

Currently learning front-end development, I work with technologies like HTML and CSS(for now) to build web designs :D

+ Say Hi👋 +
+ John Ayanyemi +
+
+ + + \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/stylesheets/style.css b/2021/BEGINNERS/WEEK3/John-Ayanyemi/stylesheets/style.css new file mode 100644 index 0000000..8ca2b6f --- /dev/null +++ b/2021/BEGINNERS/WEEK3/John-Ayanyemi/stylesheets/style.css @@ -0,0 +1,116 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + position: relative; + background-color: #001833; + height: 100vh; + font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; +} + +a { + text-decoration: none; + padding: 5px 10px; + border-radius: 5px; +} + +.main { + width: 100%; +} + +mark { + background-color: #0c325e; + color: white; +} + +.flex { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + flex-wrap: wrap; +} + +.container { + background-color: #0c325e; + height: 100px; +} + +li > .active { + background-color: #184475; +} + +.container ul li a { + color: #f5faff; + font-size: 1.3em; + text-transform: uppercase; + -webkit-user-select: none; +} +.container ul { + margin: 0 5%; +} + +.container ul li { + display: inline-block; + margin: 0 10px; +} + +.container h1 { + margin: 0 5%; + color: #f5faff; + -webkit-user-select: none; +} + +.container ul li a:hover, a:active{ + background-color: #001833; +} + +.main-container { + margin-top: 80px; + margin-bottom: 100px; +} + +.main img { + filter: opacity(0.5); + align-self: auto; + margin-right: 10%; + border-radius: 10px; + -webkit-user-select: none; +} + +.hero-text { + color: white; + margin-left: 10%; + max-width: 40%; +} + +.hero-text a { + -webkit-user-select: none; + display: inline-block; + margin: 20px 0; + font-size: 1.4em; + color: #f5faff; + background-color: #0c325e; + padding: 7px 15px; + text-align: center; +} + +.hero-text a:active, a:hover{ + color: #001833; + background-color: #f5faff; +} + +.hero-text p { + font-size: 1.4em; + margin-top: 20px; + word-wrap: break-word; +} + +.main-container h1{ + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 3em; + color: #f5faff; +} \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/work-vibes.html b/2021/BEGINNERS/WEEK3/John-Ayanyemi/work-vibes.html new file mode 100644 index 0000000..c1eea56 --- /dev/null +++ b/2021/BEGINNERS/WEEK3/John-Ayanyemi/work-vibes.html @@ -0,0 +1,21 @@ + + + + + + John Ayanyemi - Portfolio + + + +
+
+

John Ayanyemi

+ +
+
+ + \ No newline at end of file diff --git a/2021/BEGINNERS/WEEK3/submission.md b/2021/BEGINNERS/WEEK3/submission.md index af22f90..bf1d271 100644 --- a/2021/BEGINNERS/WEEK3/submission.md +++ b/2021/BEGINNERS/WEEK3/submission.md @@ -1 +1,2 @@ #fullname - assignment folder name - whatsapp number +John Ayanyemi - John-Ayanyemi - 08056783237 \ No newline at end of file