favcode54 · seyi5488 · Apr 4, 2018
diff --git a/Felix - FavCode Test.html b/Felix - FavCode Test.html
diff --git a/index.html b/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE <!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Seyi's Personal Page</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+</head>
+<body>
+    <div id="wrapper">
+        <div id="header">
+            <ul>
+                <li><a href="#home">Home</a></li>
+                <li><a href="#contact">Contact</a></li>
+                <li><a href="#about">About</a></li>
+            </ul>
+            <div id="icon">
+                <a href="https://www.facebook.com/Sseeyyii" class="fa fa-facebook"></a>
+                <a href="https://twitter.com/macro488" class="fa fa-twitter"></a>
+                <a href="https://www.linkedin.com/in/oyewole-oluwaseyi-391a04134/" class="fa fa-linkedin"></a>
+                <a href="https://github.com/seyi5488" class="fa fa-github"></a>
+                <a href="https://www.instagram.com/oluwaseyi.oyewole/" class="fa fa-instagram"></a>
+            </div>
+        </div>
+        <div id="home">
+            <div id="img">
+                <img src="seyi.jpg" alt="seyi's picture">
+            </div>   
+            <div id="home">
+                <h1>I'm Oyewole Oluwaseyi and I am an aspiring Favcoder</h1>
+                <p>My mission for Favcode is to: Develop and deploy enterprise software products.</p>
+                <h2>This is why you should choose me</h2>
+                <p>This intership opportunity will help push me further towards my career as a programmer and my dreams of one day having a successful career as a web designer. I also believe in giving back to my community by helping others  especially startups in building a responsive website to increase sells via various online means.
+                Five years from now I see myself employed at a large local tech firm, writing and debugging codes, evaluating,and solving certain problems related to web design and software development. I just feel blessed that I am given the opportunity to intern with your reputable organization to help fulfill my dream and I will prove that I do have what it takes to not only be a successful student, but an outstanding web designer and software developer.
+                I live in a place where you have people with varying skills such as baking,furniture works, fashion designing to list but in few. 
+                Most of these people have startup businesses but don't have enough capital to get online presence via website. My goal is to make website for them through knowledge gained through this scholarship if i am chosen and i have started the journey by taking courses with ALCwithGoogle and through personal studies.</p>        
+            </div>  
+        </div>
+        <div id="about">
+            <h2>About me</h2>
+                <p><strong>Meet OYEWOLE Oluwaseyi......</strong></p>
+                <p>Oluwaseyi is a graduate of Microbiology, from Obafemi Awolowo Universty, Ile-Ife. An intricately thinking researcher,safety personnel, enthusiastic software programmer and dynamic digital marketer, with a generous appetite for innovate performance, exposed to wide learning, often self-taught.</p>
+                <h2>Training and Certification</h2>
+                    <ul id="training">
+                        <li>Naij Digital School: Foundation in Digital Marketing.</li>
+                        <li>HSAP:Digital Marketing</li>
+                        <li>Oracle Academy: Java Fundamental</li>
+                        <li>Andela Learning Community: Front end web development.</li>
+                    </ul>
+        </div> 
+        <div id="contact">
+            <form>
+                <h2>Contact me</h2>
+                <form action="/action_page.php">
+                <input type="text" name="fullname" placeholder="FullName" required>
+                <input type="text" name="email" placeholder="Your Email" required>
+                <input type="text" name="phone" placeholder="Your Phone" required>
+                <input type="text" name="subject" placeholder="Subject" required>
+                <textarea id="textarea" placeholder="How can I be of help?" required></textarea>
+                <div id="button">
+                    <button id="submit">Submit</button>
+                </div>
+            </form>
+        </div>
+        <div id="footer">
+            <p>Copyright &copy Oyewole Oluwaseyi</p> 
+            <p>Call me (+234)7033917988</p>      
+        </div>
+    </div>
+</body>
+</html>
diff --git a/seyi.jpg b/seyi.jpg
diff --git a/style.css b/style.css
@@ -0,0 +1,175 @@
+#header {
+  position:fixed;
+ list-style-type: none;
+ left: 0;
+ top: 0;
+ width: 100%;
+ background-color: #282828;
+ color: white;
+ text-align: center;
+
+}
+ul {
+  list-style-type: none;
+}
+li a {
+  display: inline-block;
+  color: white;
+  text-align: center;
+  padding: 16px;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+#header li{
+  float:left;
+}
+#header li a:hover {
+  background-color: #111111;
+  border-radius: 5px;
+
+  border:1px solid;
+
+  border-color:white;
+}
+.fa {
+  border-radius: 50%;
+ padding-left: 500px;
+ font-size: 50%;
+ width: 50px;
+ text-align: center;
+ text-decoration: none;
+ margin: 50px;
+}
+.fa-facebook {
+  background: #3B5998;
+  color: white;
+  margin-right:20px;
+}
+.fa-twitter {
+  background: #3B5998;
+  color: white;
+  margin-right:20px;
+}
+.fa-linkedin {
+  background: #3B5998;
+  color: white;
+  margin-right:20px;
+}
+.fa-github {
+  background: black;
+  color: white;
+  margin-right:20px;
+}
+.fa-instagram {
+  background: rgb(243, 63, 93);
+  color: white;
+  margin-right:20px;
+}
+#icon{
+  margin:20px;
+  float:right;
+}
+#icon a:hover {
+  background-color: whitesmoke;
+  border-radius: 500px;
+}
+#footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color:#282828;
+  color: white;
+  text-align: center;
+  margin-top: 0;
+}
+body {
+  margin-top:74px;
+  background-color:white;
+  margin-left: 0;
+  margin-right: 0;
+
+}
+#home {
+  width:100%;
+  height:650px;
+  background-color: tomato;
+
+
+}
+img {
+  width:300px;;
+  border-radius: 50%;
+  border:0;
+  float:right;
+
+
+}
+#home>p,h2,#about>p,#training>li{
+  font-size:30px;
+}
+#about{
+  text-align: center;
+  float:left;
+  width:100%;
+  background-color: royalblue;
+
+
+
+
+}
+#training {
+  float:left;
+  list-style:disc;
+  padding-left:30px;
+  margin-top:15px;
+  text-align: center;
+
+}
+
+#contact {
+
+  padding: 20px;
+  text-align: center;
+  width:97.5%;
+  height: 800px;
+  background-color:#00EA69;
+  border:0;
+  margin-bottom: 80px;
+
+}
+
+input[type=text] {
+  float:left;
+  border-radius: 7px;
+  margin: 8px 0;
+  padding: 12px 20px;
+  width:40%;
+  display: block;
+  margin-left:10px;
+}
+#textarea {
+border-radius: 7px;
+margin: 8px 0;
+padding: 12px 20px;
+width:87%;
+display: block;
+margin-left:10px;
+height: 100px;
+}
+#submit,#button {
+ border-radius:15px;
+ color:white;
+ text-align:center;
+ float:left;
+ background-color: #CE3232;
+ font-weight:bold;
+ width:100px;
+ height:30px;
+
+}
+form>h2, #about>h2 {
+  color:black;
+}
+
+