DSC-Unilag · johnayanyemi · Jan 28, 2021 · Jan 28, 2021 · Jan 29, 2021 · Jan 29, 2021
diff --git a/2021/BEGINNERS/WEEK1/John-Ayanyemi/index.html b/2021/BEGINNERS/WEEK1/John-Ayanyemi/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>John Ayanyemi ⚡</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" center="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+  <header></header>
+
+   <div class="div1">
+      <main>
+        <h1>Hi, I'm John</h1>
+        <p>Currently learning to code(frontend), I work with HTML and CSS currently with the hope of building beautiful and functional web designs.<br>I consider my design skills and my keen eye for details as a plus. </p>
+        <p>
+          You can connect with me on my Social platforms:</p>
+        <a href="https://github.com/johnayanyemi">GitHub</a><br>
+        <a href="https://instagram.com/johnayanyemi">Instagram</a><br>
+        <a href="https://twitter.com/johnayanyemi">Twitter</a><br>
+        <a href="https://facebook.com/johnayanyemi">Facebook</a>
+      </main>
+    </div>  
+
+    <div>
+      <footer> Made with ❤️ in Lagos by John Ayanyemi</footer>
+    </div>  
+</body>
+
+</html>
diff --git a/2021/BEGINNERS/WEEK1/John-Ayanyemi/style.css 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;
+}
diff --git 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
+<<<<<<< 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
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Survey Page📄</title>
+    <link rel="stylesheet" href="style.css">
+    <meta charset="UTF-8">
+    <meta name="description" content="Form">
+    <meta name="viewpoint" content="width=device-width, initial-scale=1.0">
+  </head>
+
+  <body>
+    <div id="header">
+      <h1>Welcome to <br>DDevs Survey</h1>
+      <p>Kindly fill out your details, Thank you.</p>
+
+    </div>
+
+    <div class="circle"></div>
+
+    <div id="main">
+
+      <!-- Most of the tags here have not been filled because I've not decided on what content to produce as at when I started out, please when i finally decided, look through the empty attributes on most tags e.g label, input.... -->
+
+      <form action="thankyou.html" method="get">
+        <label for="fname" name="fname">Full Name:</label><br>
+        <input type="text" id="fname"><br>
+        <label for="nom" name="nom">Phone number:</label><br>
+        <input type="number" id="nom"><br>
+        <label for="email" name="email">Email Address:</label><br>
+        <input type="email" id="email"><br>
+        <label for="note1" name="note1">How do you think Fintech has helped the economy these past years?*</label><br>
+        <textarea id="note1"></textarea><br>
+
+        <input type="checkbox"><span>Get weekly updates on our services</span><br>
+        <input type="submit" value="Submit">
+      </form>
+    </div>
+
+    <div id="footer">
+      <footer>
+      <p>Copyright © 2021. DDevs Surveys 📄</p>
+      <p>💙</p>
+      </footer>
+    </div>
+    </body>
+</html>
diff --git a/2021/BEGINNERS/WEEK2/John-Ayanyemi/style.css 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
@@ -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;
+}
diff --git a/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.html b/2021/BEGINNERS/WEEK2/John-Ayanyemi/thankyou.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Survey Page📄</title>
+    <link rel="stylesheet" href="thankyou.css">
+    <meta charset="UTF-8">
+    <meta name="description" content="Form">
+    <meta name="viewpoint" content="width=device-width, initial-scale=1.0">
+  </head>
+
+  <body>
+    <p>This is just a demo.</p>
+    <div class="container">
+      <p>Thank you for feeling out the form, we will get back to you as soon as possible!</p>
+    </div>
+  </body>
+</html>  
diff --git 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
diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/README.md 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
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>John Ayanyemi - About</title>
+    <link rel="stylesheet" href="stylesheets/style.css">
+</head>
+<body>
+    <div class="header">
+        <div class="container flex">
+            <h1>John Ayanyemi</h1>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a class="active" href="about.html">About Me</a></li>
+                    <li><a href="work-vibes.html">Work/vibes</a></li>
+                </ul>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/debug.log 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
diff --git a/2021/BEGINNERS/WEEK3/John-Ayanyemi/index.html b/2021/BEGINNERS/WEEK3/John-Ayanyemi/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>John Ayanyemi - Personal Portfolio</title>
+    <link rel="stylesheet" type="text/css" href="stylesheets/style.css">
+</head>
+<body>
+    <div class="header">
+        <div class="container flex">
+            <h1>John Ayanyemi</h1>
+                <ul>
+                    <li><a class="active" href="index.html">Home</a></li>
+                    <li><a href="about.html">About Me</a></li>
+                    <li><a href="work-vibes.html">Work/vibes</a></li>
+                </ul>
+        </div>
+    </div>
+    <!--Body content goes here and the first div covers all-->
+    <div class="main">
+        <div class="main-container flex">
+            <div class="hero-text">
+                <h1>Hi, I'm John!</h1>
+                <p>Currently learning <mark>front-end development,</mark> I work with technologies like <em>HTML</em> and <em>CSS</em>(for now) to build web designs :D </p>
+                <a href="mailto:[email protected]" class="hero-btn" target="_blank">Say Hi👋</a>
+            </div>
+                <img src="img/Hi.jpg" alt="John Ayanyemi" height="350" width="350">
+        </div>
+    </div>
+
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		#fullname - assignment folder name - whatsapp number
		John Ayanyemi - John-Ayanyemi - 08056783237
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		[0205/232857.896:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)