Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@oseno
oseno authored Apr 21, 2021
1 parent 67ac6d6 commit e02f4b5
Show file tree
Hide file tree
Showing 9 changed files with 1,450 additions and 0 deletions.
249 changes: 249 additions & 0 deletions aboutus.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,249 @@
<html>
<head>
<title>CodeVilla | About Us</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

<!-- MAIN CSS -->
<link rel="stylesheet" href="css/codevilla.css">

</head>
</head>
<body>
<!-- MENU BAR -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<i class="fa fa-code"></i>
CodeVilla
</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="aboutus.html" class="nav-link smoothScroll">About</a>
</li>
<li class="nav-item">
<a href="student.html" class="nav-link smoothScroll">Student</a>
</li>
<li class="nav-item">
<a href="automatedt.html" class="nav-link">Automated Tutor</a>
</li>
<li class="nav-item">
<a href="tutor.php" class="nav-link smoothScroll">Tutor</a>
</li>
<li class="nav-item">
<a href="feedback.html" class="nav-link smoothScroll">Contact</a>
</li>
<li class="nav-item">
<a href="register.php" class="nav-link contact">Register</a>
</li>
<li class="nav-item">
<a href="login.php" class="nav-link contact">Log In</a>
</li>
</ul>
</div>
</div>
</nav>



<div class="container">
<div class="row">
<div class="col-lg-12 col-12 py-5 mt-5 mb-3 text-center">

<h1 class="mb-4" data-aos="fade-up">About Us</h1>
</div>

<div class="col-lg-5 ml-auto mt-5 pt-5 col-md-6 col-12">

<img src="images/newsletter.png" data-aos="fade-up" data-aos-delay="100" class="img-fluid" alt="newsletter">
</div>

<div class="col-lg-5 mr-auto mt-5 pt-5 col-md-6 col-12 newsletter-form">
<h4 data-aos="fade-up" data-aos-delay="200">Our Team</h4>

<p data-aos="fade-up" data-aos-delay="300"><p>A little about us is that we are students just like you!
The team is made up of:</p>
<ul type = "square">
<li>
Oseno
<em> (Director)</em>
</li>
<li>Tony</li>
</ul></p>

</div>



<div class="col-lg-5 ml-auto mt-5 pt-5 col-md-6 col-12">

<img src="images/newsletter.png" data-aos="fade-up" data-aos-delay="100" class="img-fluid" alt="newsletter">
</div>

<div class="col-lg-5 mr-auto mt-5 pt-5 col-md-6 col-12 newsletter-form">
<h4 data-aos="fade-up" data-aos-delay="200">Our Motivation</h4>

<p data-aos="fade-up" data-aos-delay="300"><p>As students,we alongside our peers have struggled with issues
with studying. An application like this is as useful to us as well as you.</p>
</div>

<div class="col-lg-5 ml-auto mt-5 pt-5 col-md-6 col-12">

<img src="images/newsletter.png" data-aos="fade-up" data-aos-delay="100" class="img-fluid" alt="newsletter">
</div>

<div class="col-lg-5 mr-auto mt-5 pt-5 col-md-6 col-12 newsletter-form">
<h4 data-aos="fade-up" data-aos-delay="200">Our Values</h4>

<p data-aos="fade-up" data-aos-delay="300"><p>In CodeVilla, our values guide us in our interaction with tutors and students.</p>
<ul type="square">
<li>Teamwork</li>
<li>Hardwork</li>
<li>Consitency</li>
<li>Dilligence</li>
</ul>
</div>


<div class="col-lg-6 mx-auto col-md-7 col-12 py-5 mt-5 text-center" data-aos="fade-up">

<h1 class="mb-4">Hello, <strong>talk</strong> to <strong>CodeVilla</strong> </h1>
</div>

<div class="col-lg-8 mx-auto col-md-10 col-12">



<form action="#" method="post" class="contact-form" data-aos="fade-up" data-aos-delay="300" role="form">
<div class="row">
<div class="col-lg-6 col-12">
<input type="text" class="form-control" name="name" placeholder="Name">
</div>

<div class="col-lg-6 col-12">
<input type="email" class="form-control" name="email" placeholder="Email">
</div>

<div class="col-lg-12 col-12">
<textarea class="form-control" rows="6" name="message" placeholder="Message"></textarea>
</div>

<div class="col-lg-5 mx-auto col-7">
<button type="submit" class="form-control" id="submit-button" name="submit">Send Message</button>
</div>
</div>

</form>
</div>



</div>
</div>




<footer class="site-footer">
<div class="container">
<div class="row">

<div class="col-lg-5 mx-lg-auto col-md-8 col-10">
<h1 class="text-white" data-aos="fade-up" data-aos-delay="100">CodeVilla is excited to have you! Are you excited to have us?
<strong>Let us know !!</strong></h1>
</div>

<div class="col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200">
<h4 class="my-4">Contact Information</h4>

<p class="mb-1">
<i class="fa fa-phone mr-2 footer-icon"></i>
+234 818 195 8925
</p>

<p>
<a href="[email protected]">
<i class="fa fa-envelope mr-2 footer-icon"></i>
[email protected]
</a>
</p>
</div>

<div class="col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="300">
<h4 class="my-4">Our Services</h4>

<p class="mb-1">
<i class="fa fa-codepen mr-2 footer-icon"></i>
C++
</p>
<p class="mb-1">
<i class="fa fa-codepen mr-2 footer-icon"></i>
Java
</p>
</div>

<div class="col-lg-4 mx-lg-auto text-center col-md-8 col-12" data-aos="fade-up" data-aos-delay="400">
<p class="copyright-text">CodeVilla © 2021. All Rights Reserved

</div>

<div class="col-lg-4 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="500">

<ul class="footer-link">
<li><a href="C:\Users\PC\Desktop\project\html\feedback.html">Contact</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>

<div class="col-lg-3 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="600">
<ul class="social-icon">
<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-facebook-official"></a></li>
</ul>
</div>

</div>
</div>



</footer>



<!-- SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>

</body>
</html>







Loading

0 comments on commit e02f4b5

Please sign in to comment.