Skip to content

Commit

Permalink
Merge pull request #1168 from pranith-rao/pranith
Browse files Browse the repository at this point in the history 
Added a template for a company website
  • Loading branch information
@fineanmol
fineanmol authored Oct 23, 2021
2 parents 069f760 + 0c68cbd commit fb95219
Show file tree
Hide file tree
Showing 3 changed files with 407 additions and 0 deletions.
328 changes: 328 additions & 0 deletions Program's_Contributed_By_Contributors/HTML Designs/Company_website/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,328 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Company Name</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
crossorigin="anonymous"
/>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<svg
class="bi bi-x-diamond"
width="2em"
height="2em"
viewBox="0 0 16 16"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 010-2.098L6.95.435zm1.4.7a.495.495 0 00-.7 0L1.134 7.65a.495.495 0 000 .7l6.516 6.516a.495.495 0 00.7 0l6.516-6.516a.495.495 0 000-.7L8.35 1.134z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z"
clip-rule="evenodd"
/>
</svg>

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

<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#services-overview">Overview</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#featured-products-carousel">Featured</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>

<div id="services-overview" class="py-5 text-center block block-1">
<div class="py-5">
<svg
class="bi bi-x-diamond"
width="2em"
height="2em"
viewBox="0 0 16 16"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 010-2.098L6.95.435zm1.4.7a.495.495 0 00-.7 0L1.134 7.65a.495.495 0 000 .7l6.516 6.516a.495.495 0 00.7 0l6.516-6.516a.495.495 0 000-.7L8.35 1.134z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z"
clip-rule="evenodd"
/>
</svg>
</div>
<h1 class="py-5">Company Name</h1>
<p class="lead">Put your company description here.</p>
<p><a href="#featured-products-carousel" class="btn btn-primary my-5 px-4 py-2">Learn More -></a></p>
</div>

<div id="featured-products-carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#featured-products-carousel" data-slide-to="0" class="active"></li>
<li data-target="#featured-products-carousel" data-slide-to="1"></li>
<li data-target="#featured-products-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active image-container">
<div class="carousel-placeholder carousel-placeholder-1"></div>
<div class="container">
<div class="carousel-caption text-left">
<h2>Product 1</h2>
<p>Your product description here</p>
<p>
<a class="btn btn-lg btn-primary" href="#service-1" role="button">Learn more</a>
</p>
</div>
</div>
</div>

<div class="carousel-item">
<div class="carousel-placeholder carousel-placeholder-2"></div>
<div class="container">
<div class="carousel-caption">
<h2>Product 2</h2>
<p>Your product description here</p>
<p>
<a class="btn btn-lg btn-primary" href="#service-2" role="button">Learn more</a>
</p>
</div>
</div>
</div>

<div class="carousel-item">
<div class="carousel-placeholder carousel-placeholder-3"></div>
<div class="container">
<div class="carousel-caption text-right">
<h2>Product 3</h2>
<p>Your product description here</p>
<p>
<a class="btn btn-lg btn-primary" href="#service-3" role="button">Learn more</a>
</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#featured-products-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#featured-products-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>

<div id="services">
<div class="row featurette py-5 block block-1" id="service-1">
<div class="col-md-5 py-5 text-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="10em"
height="10em"
fill="currentColor"
class="bi bi-gift"
viewBox="0 0 16 16"
>
<path
d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"
/>
</svg>
</div>
<div class="col-md-7 text-center">
<h2 class="featurette-heading py-5">
Service Title.
<span class="font-italic">Subtitle here.</span>
</h2>
<p class="lead">Your service description here.</p>
</div>
</div>
<div class="row featurette py-5 block block-2" id="service-2">
<div class="col-md-5 py-5 text-center second-order-responsive">
<svg
xmlns="http://www.w3.org/2000/svg"
width="10em"
height="10em"
fill="currentColor"
class="bi bi-eye"
viewBox="0 0 16 16"
>
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"
/>
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"
/>
</svg>
</div>
<div class="col-md-7 text-center first-order-responsive">
<h2 class="featurette-heading py-5">
Service Title.
<span class="font-italic">Subtitle here.</span>
</h2>
<p class="lead">Your service description here.</p>
</div>
</div>
<div class="row featurette py-5 block block-3" id="service-3">
<div class="col-md-5 py-5 text-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="10em"
height="10em"
fill="currentColor"
class="bi bi-controller"
viewBox="0 0 16 16"
>
<path
d="M11.5 6.027a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm-6.5-3h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z"
/>
<path
d="M3.051 3.26a.5.5 0 0 1 .354-.613l1.932-.518a.5.5 0 0 1 .62.39c.655-.079 1.35-.117 2.043-.117.72 0 1.443.041 2.12.126a.5.5 0 0 1 .622-.399l1.932.518a.5.5 0 0 1 .306.729c.14.09.266.19.373.297.408.408.78 1.05 1.095 1.772.32.733.599 1.591.805 2.466.206.875.34 1.78.364 2.606.024.816-.059 1.602-.328 2.21a1.42 1.42 0 0 1-1.445.83c-.636-.067-1.115-.394-1.513-.773-.245-.232-.496-.526-.739-.808-.126-.148-.25-.292-.368-.423-.728-.804-1.597-1.527-3.224-1.527-1.627 0-2.496.723-3.224 1.527-.119.131-.242.275-.368.423-.243.282-.494.575-.739.808-.398.38-.877.706-1.513.773a1.42 1.42 0 0 1-1.445-.83c-.27-.608-.352-1.395-.329-2.21.024-.826.16-1.73.365-2.606.206-.875.486-1.733.805-2.466.315-.722.687-1.364 1.094-1.772a2.34 2.34 0 0 1 .433-.335.504.504 0 0 1-.028-.079zm2.036.412c-.877.185-1.469.443-1.733.708-.276.276-.587.783-.885 1.465a13.748 13.748 0 0 0-.748 2.295 12.351 12.351 0 0 0-.339 2.406c-.022.755.062 1.368.243 1.776a.42.42 0 0 0 .426.24c.327-.034.61-.199.929-.502.212-.202.4-.423.615-.674.133-.156.276-.323.44-.504C4.861 9.969 5.978 9.027 8 9.027s3.139.942 3.965 1.855c.164.181.307.348.44.504.214.251.403.472.615.674.318.303.601.468.929.503a.42.42 0 0 0 .426-.241c.18-.408.265-1.02.243-1.776a12.354 12.354 0 0 0-.339-2.406 13.753 13.753 0 0 0-.748-2.295c-.298-.682-.61-1.19-.885-1.465-.264-.265-.856-.523-1.733-.708-.85-.179-1.877-.27-2.913-.27-1.036 0-2.063.091-2.913.27z"
/>
</svg>
</div>
<div class="col-md-7 text-center">
<h2 class="featurette-heading py-5">
Service Title.
<span class="font-italic">Subtitle here.</span>
</h2>
<p class="lead">Your service description here.</p>
</div>
</div>
</div>

<section id="contact" class="contact mb-4 py-5 px-2 m-5">
<h2 class="h2-responsive font-weight-bold text-center my-4">Contact us</h2>
<p class="text-center w-responsive mx-auto mb-5">
Do you have any questions? Contact us and our team will be happy to help within 2 business days.
</p>
<div class="row d-flex justify-content-center">
<div class="col-md-9 mb-md-0 mb-5">
<form id="contact-form" name="contact-form" action="mail.php" method="POST">
<div class="row">
<div class="col-md-6">
<div class="md-form mb-0">
<label for="username"> Name </label>
<input type="text" id="name" name="username" class="form-control" />
</div>
</div>
<div class="col-md-6">
<div class="md-form mb-0">
<label for="email"> Email </label>
<input type="email" id="email" name="email" class="form-control" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="md-form mb-0">
<label for="subject"> Subject </label>
<input type="text" id="subject" name="subject" class="form-control" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="md-form">
<label for="message"> Message </label>
<textarea
type="text"
id="message"
name="message"
rows="2"
class="form-control md-textarea"
></textarea>
</div>
</div>
</div>
</form>
<br />
<div class="text-center text-md-center">
<a
href=""
class="btn btn-primary text-white"
onclick="document.getElementById('contact-form').submit();"
>
Send</a
>
</div>
<div class="status"></div>
</div>
</div>
</section>

<footer class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>&copy; Company Name</p>
</footer>

<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
crossorigin="anonymous"
></script>
</body>
</html>
3 changes: 3 additions & 0 deletions Program's_Contributed_By_Contributors/HTML Designs/Company_website/readme.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Website built using HTML,CSS and Bootstrap
Website looks like this:
https://happy-easley-75b5d0.netlify.app/
Loading

0 comments on commit fb95219

Please sign in to comment.