Skip to content

Commit

Permalink
Part 2 done
Browse files Browse the repository at this point in the history
  • Loading branch information
rohit10000 committed Jun 16, 2020
1 parent 11a0e75 commit f1d0c9f
Show file tree
Hide file tree
Showing 8 changed files with 443 additions and 46 deletions.
100 changes: 82 additions & 18 deletions aboutus.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,9 @@

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">

<link href="css/styles.css" rel="stylesheet">
</head>

Expand All @@ -20,14 +23,14 @@
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand mr-auto" href="./index.html">Gamesumo</a>
<a class="navbar-brand mr-auto" href="./index.html"><img src="img/logo.png" height="55" width="70"></a>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="./index.html">Home</a></li>
<li class="nav-item active"><a class="nav-link" href="./aboutus.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="#">Character</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contest</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="./index.html"><span class="fa fa-home"></span>Home</a></li>
<li class="nav-item active"><a class="nav-link" href="./aboutus.html"><span class="fa fa-info"></span>About</a></li>
<li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-angellist"></span>Character</a></li>
<li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-list fa-lg"></span>Contest</a></li>
<li class="nav-item"><a class="nav-link" href="./contactus.html"><span class="fa fa-address-card"></span>Contact</a></li>
</ul>
</div>

Expand All @@ -43,7 +46,8 @@ <h1>Gamesumo</h1>
unique fusion experience. Our ingenious creations will tickle your
innate mind senses!</p>
</div>
<div class="col-12 col-sm">
<div class="col-12 col-sm align-self-center">
<img src="img/logo.png" class="img-fluid">
</div>
</div>
</div>
Expand Down Expand Up @@ -73,10 +77,35 @@ <h2>Our History</h2>
a successful chain started by our CEO, Mr. Peter Pan, that featured for the first time
the world's best cuisines in a pan.</p>
</div>
<div>
<div class="col-12 col-sm-6">
<div class="card">
<h3 class="card-header bg-primary text-white">Facts At a Glance</h3>
<div class="card-body">
<dl class="row">
<dt class="col-6">Started</dt>
<dd class="col-6">14 Jun. 2020</dd>
<dt class="col-6">Status</dt>
<dd class="col-6">Available</dd>
<dt class="col-6">Team size</dt>
<dd class="col-6">2</dd>

</dl>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card card-body bg-light">
<blockquote class="blockquote">
<p class="mb-0">You better cut the pizza in four pieces because
I'm not hungry enough to eat six.</p>
<footer class="blockquote-footer">Yogi Berra,
<cite title="Source Title">The Wit and Wisdom of Yogi Berra,
P. Pepe, Diversion Books, 2014</cite>
</footer>
</blockquote>
</div>
</div>


<div class="row">
<div class="col-12">
Expand Down Expand Up @@ -109,6 +138,36 @@ <h3>Alberto Somayya <small>Executive Chef</small></h3>
from the two craziest cultures, and you get a winning hit! Amma Mia!</em></p>
</div>
</div>
<div class="row row-content">
<div class="col-12 col-sm-9">
<h2>Facts &amp; Figures</h2>
<div class="table-responsive">
<table class="table table-striped">
<thead class="thead-dark">
<tr>
<th>&nbsp;</th>
<th>2020</th>
<th>2021</th>
</tr>
</thead>
<tbody>
<tr>
<th>Employees</th>
<td>2</td>
<td>NA</td>
</tr>
<tr>
<th>Customers</th>
<td>0</td>
<td>NA</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-12 col-sm-3">
</div>
</div>

</div>

Expand All @@ -122,7 +181,7 @@ <h5>Links</h5>
<li><a href="./aboutus.html">About</a></li>
<li><a href="#">Character</a></li>
<li><a href="#">Contest</a></li>
<li><a href="#">Contact</a></li>
<li><a href="./contactus.html">Contact</a></li>
</ul>
</div>
<div class="col-7 col-sm-5">
Expand All @@ -131,18 +190,23 @@ <h5>Our Address</h5>
51, Manai, Jamalpur<br>
Mirzapur 231302<br>
INDIA<br>
Mob.: +91 1234567890<br>
Email: <a href="mailto:rohits.games@gmail.com">gamesumo@games.net</a>
<i class="fa fa-mobile-phone"></i> +91 1234567890<br>
<i class="fa fa-envelope"></i> <a href="mailto:rohits.games@gmail.com">gamesumo@games.net</a>
</address>
</div>
<div class="col-12 col-sm-4 align-self-center">
<div class="text-center">
<a href="http://google.com/+">Google+</a>
<a href="http://www.facebook.com/profile.php?id=">Facebook</a>
<a href="http://www.linkedin.com/in/">LinkedIn</a>
<a href="http://twitter.com/">Twitter</a>
<a href="http://youtube.com/">YouTube</a>
<a href="mailto:">Mail</a>
<a class="btn btn-social-icon btn-google" href="http://google.com/+">
<i class="fa fa-google-plus fa-lg"></i></a>

<a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/profile.php?id=">
<i class="fa fa-facebook fa-lg"></i></a>
<a class="btn btn-social-icon btn-linkedin"href="http://www.linkedin.com/in/">
<i class="fa fa-linkedin fa-lg"></i></a>
<a class="btn btn-social-icon btn-twitter" href="http://twitter.com/">
<i class="fa fa-twitter fa-lg"></i></a>
<a class="btn btn-social-icon btn-google" href="http://youtube.com/"><i class="fa fa-youtube fa-lg"></i></a>
<a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o fa-lg"></i></a>
</div>
</div>
</div>
Expand Down
223 changes: 223 additions & 0 deletions contactus.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="en">

<head>

<title>Gamesumo: Contact Us</title>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">
<link href="css/styles.css" rel="stylesheet">
</head>

<body>
<nav class="navbar navbar-dark navbar-expand-sm fixed-top">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="./index.html"><img src="img/logo.png" height="55" width="70"></a>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="./index.html"><span class="fa fa-home"></span>Home</a></li>
<li class="nav-item"><a class="nav-link" href="./aboutus.html"><span class="fa fa-info"></span>About</a></li>
<li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-angellist"></span>Character</a></li>
<li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-list fa-lg"></span>Contest</a></li>
<li class="nav-item active"><a class="nav-link" href="#"><span class="fa fa-address-card"></span>Contact</a></li>
</ul>
</div>
</div>
</nav>

<header class="jumbotron">
<div class="container">
<div class="row row-header">
<div class="col-12 col-sm-6">
<h1>Gamesumo</h1>
<p>We take inspiration from the World's best gaming freak gamins, and create a
unique fusion experience. Our ingenious creations will tickle your
innate mind senses!</p>
</div>
<div class="col-12 col-sm align-self-center">
<img src="img/logo.png" class="img-fluid">
</div>
</div>
</div>
</header>

<div class="container">
<div class="row">
<ol class="col-12 breadcrumb">
<li class="breadcrumb-item"><a href="./index.html">Home</a></li>
<li class="breadcrumb-item active">Contact Us</li>
</ol>
<div class="col-12">
<h3>Contact Us</h3>
<hr>
</div>
</div>

<div class="row row-content">
<div class="col-12">
<h3>Location Information</h3>
</div>
<div class="col-12 col-sm-4 offset-sm-1">
<h5>Our Address</h5>
<address style="font-size: 100%">
51, Manai, Jamalpur<br>
Mirzapur 231302<br>
INDIA<br>
<i class="fa fa-mobile-phone"></i> +91 1234567890<br>
<i class="fa fa-envelope"></i> <a href="mailto:rohits.games@gmail.com">gamesumo@games.net</a>
</address>
</div>
<div class="col-12 col-sm-6 offset-sm-1">
<h5>Map of our Location</h5>
</div>
<div class="col-12 col-sm-11 offset-sm-1">
<div class="btn-group" role="group">
<a role="button" class="btn btn-primary" href="tel:+911234567890">
<i class="fa fa-phone"></i>Call</a>
<a role="button" class="btn btn-info"><i class="fa fa-skype"></i>Skype</a>
<a role="button" class="btn btn-success" href="mailto:rohits.games@gmail.com">
<i class="fa fa-envelope-o"></i>Email</a>
</div>
</div>
</div>

<div class="row row-content">
<div class="col-12">
<h3>Send us your Feedback</h3>
</div>
<div class="col-12 col-md-9">
<form>
<div class="form-group row">
<label for="firstname" class="col-md-2 col-form-label">First Name</label>
<div class="col-md-10">
<input type="text" class="form-control" id="firstname" name="firstname"
placeholder="First Name">
</div>
</div>
<div class="form-group row">
<label for="lastname" class="col-md-2 col-form-label">Last Name</label>
<div class="col-md-10">
<input type="text" class="form-control" id="lastname" name="lastname"
placeholder="Last Name">
</div>
</div>

<div class="form-group row">
<label for="telnum" class="col-12 col-md-2 col-form-label">Contact Tel.</label>
<div class="col-5 col-md-3">
<input type="tel" class="form-control" id="areacode" name="areacode"
placeholder="Area Code">
</div>
<div class="col-7 col-md-7">
<input type="tel" class="form-control" id="telnum" name="telnum"
placeholder="Tel. Number">
</div>
</div>
<div class="form-group row">
<label for="emailid" class="col-md-2 col-form-label">Email</label>
<div class="col-md-10">
<input type="email" class="form-control" id="emailid" name="email"
placeholder="Email">
</div>
</div>

<div class="form-group row">
<div class="col-md-6 offset-md-2">
<div class="form-check">
<input type="checkbox" class="form-check-input" name="approve" id="approve" value="">
<label class="form-check-label" for="approve">
<strong>May we contact you?</strong>
</label>
</div>
</div>
<div class="col-md-3 offset-md-1">
<select class="form-control">
<option>Tel.</option>
<option>Email</option>
</select>
</div>
</div>

<div class="form-group row">
<label for="feedback" class="col-md-2 col-form-label">Your Feedback</label>
<div class="col-md-10">
<textarea class="form-control" id="feedback" name="feedback" rows="6"></textarea>
</div>
</div>
<div class="form-group row">
<div class="offset-md-2 col-md-10">
<button type="submit" class="btn btn-primary">Send Feedback</button>
</div>
</div>

</form>
</div>
<div class="col-12 col-md">
</div>
</div>

</div>

<footer class="footer">
<div class="container">
<div class="row ">
<div class="col-4 offset-1 col-sm-2">
<h5>Links</h5>
<ul class="list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="./aboutus.html">About</a></li>
<li><a href="#">Character</a></li>
<li><a href="#">Contest</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-7 col-sm-5">
<h5>Our Address</h5>
<address>
51, Manai, Jamalpur<br>
Mirzapur 231302<br>
INDIA<br>
<i class="fa fa-mobile-phone"></i> +91 1234567890<br>
<i class="fa fa-envelope"></i> <a href="mailto:rohits.games@gmail.com">gamesumo@games.net</a>
</address>
</div>
<div class="col-12 col-sm-4 align-self-center">
<div class="text-center">
<a class="btn btn-social-icon btn-google" href="http://google.com/+">
<i class="fa fa-google-plus fa-lg"></i></a>

<a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/profile.php?id=">
<i class="fa fa-facebook fa-lg"></i></a>
<a class="btn btn-social-icon btn-linkedin"href="http://www.linkedin.com/in/">
<i class="fa fa-linkedin fa-lg"></i></a>
<a class="btn btn-social-icon btn-twitter" href="http://twitter.com/">
<i class="fa fa-twitter fa-lg"></i></a>
<a class="btn btn-social-icon btn-google" href="http://youtube.com/"><i class="fa fa-youtube fa-lg"></i></a>
<a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o fa-lg"></i></a>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<p>© Copyright 2020 Gamesumo</p>
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS. -->
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body>

</html>
Binary file added img/hearthstone.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/mario.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit f1d0c9f

Please sign in to comment.