Skip to main content

A fully responsive Code HTML & CSS

 


A fully responsive Code HTML & CSS

<html>

<head>

<title>JNBCS TEMPLATED</title>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

<link rel="stylesheet" href="assets/css/main.css" />

</head>

<body>


<!-- Header -->

<header id="header">

<div class="inner">

<a href="index.html" class="logo">JNBCS</a>

<nav id="nav">

<a href="index.html">Home</a>

<a href="generic.html">Generic</a>

<a href="elements.html">Elements</a>

</nav>

</div>

</header>

<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>


<!-- Banner -->

<section id="banner">

<div class="inner">

<h1>JNBCS<span>A fully responsive<br />

site template by JNBCS</span></h1>

<ul class="actions">

<li><a href="#" class="button alt">Get Started</a></li>

</ul>

</div>

</section>


<!-- One -->

<section id="one">

<div class="inner">

<header>

<h2>Magna Etiam Lorem</h2>

</header>

<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu, erisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante.</p>

<ul class="actions">

<li><a href="#" class="button alt">Learn More</a></li>

</ul>

</div>

</section>


<!-- Two -->

<section id="two">

<div class="inner">

<article>

<div class="content">

<header>

<h3>Pellentesque adipis</h3>

</header>

<div class="image fit">

<img src="images/pic01.jpg" alt="" />

</div>

<p>Cumsan mollis eros. Pellentesque a diam sit amet mi magna ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet lorem ipsum feugiat tempus.</p>

</div>

</article>

<article class="alt">

<div class="content">

<header>

<h3>Morbi interdum mol</h3>

</header>

<div class="image fit">

<img src="images/pic02.jpg" alt="" />

</div>

<p>Cumsan mollis eros. Pellentesque a diam sit amet mi magna ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet lorem ipsum feugiat tempus.</p>

</div>

</article>

</div>

</section>


<!-- Three -->

<section id="three">

<div class="inner">

<article>

<div class="content">

<span class="icon fa-laptop"></span>

<header>

<h3>Tempus Feugiat</h3>

</header>

<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna lorem ullamcorper laoreet, lectus arcu.</p>

<ul class="actions">

<li><a href="#" class="button alt">Learn More</a></li>

</ul>

</div>

</article>

<article>

<div class="content">

<span class="icon fa-diamond"></span>

<header>

<h3>Aliquam Nulla</h3>

</header>

<p>Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed.</p>

<ul class="actions">

<li><a href="#" class="button alt">Learn More</a></li>

</ul>

</div>

</article>

<article>

<div class="content">

<span class="icon fa-laptop"></span>

<header>

<h3>Sed Magna</h3>

</header>

<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula.</p>

<ul class="actions">

<li><a href="#" class="button alt">Learn More</a></li>

</ul>

</div>

</article>

</div>

</section>


<!-- Footer -->

<section id="footer">

<div class="inner">

<header>

<h2>Get in Touch</h2>

</header>

<form method="post" action="#">

<div class="field half first">

<label for="name">Name</label>

<input type="text" name="name" id="name" />

</div>

<div class="field half">

<label for="email">Email</label>

<input type="text" name="email" id="email" />

</div>

<div class="field">

<label for="message">Message</label>

<textarea name="message" id="message" rows="6"></textarea>

</div>

<ul class="actions">

<li><input type="submit" value="Send Message" class="alt" /></li>

</ul>

</form>

<div class="copyright">

&copy; Untitled Design: <a href="">JNBCS</a>. Images <a href="https://unsplash.com/">Unsplash</a>

</div>

</div>

</section>


<!-- Scripts -->

<script src="assets/js/jquery.min.js"></script>

<script src="assets/js/skel.min.js"></script>

<script src="assets/js/util.js"></script>

<script src="assets/js/main.js"></script>


</body>

</html>



Labels:

Comments

Post a Comment

Popular posts from this blog

5 Superb Anniversary Gifts for Husband

F or a wife, one of the special days in her life is that of her anniversary when she celebrates her being married to her husband and showers him with lots of gifts and love to show her affection towards him. If your anniversary is around the corner and you just do not know what you should gift your husband, then we can help suggest some superb gifts for the special man in your life to show your love for him and make him feel special on this special day! Watch A nice branded watch which is in your husband’s favorite color would be an ideal gift for him as it would be quite useful for him and attractive too. You can ask his friend or family member to help you with the same so that you choose nothing but the best for your man. Just keep in mind that you buy a watch which has the specifications that your husband might look for in his watch like the seconds stick and date along with showing the time. Massage and spa Your husband puts in hours of hard work to keep you and your children happy...
2 comments
Read more

Meticore's HUGE Products Review

Are you struggling to lose weight ? Latest research has found that for the men and women with unexplained weight gain, had one thing in common a low core body temperature which is the temperature of your internal cells! The world's first 100% natural solution designed to target low core body temperature a newly discovered, clinically proven ROOT CAUSE of slow. Is Meticore safe ? Are there any side effects? Meticore has been taken by thousands of folks with no reported side effects. The only side effect is having to spend money on new tight-fitting sexy clothing, or cancel your gym membership! And Meticore is a lot safer than starvation diets or hours of high intensity cardio at gym, because you are restoring your body's core temperature rather than disrupting it further.Addressing low core temperature is the single most important thing you can do right now for turbo-charged metabolism and log-lasting results now and into old age.. Meticore is safer than your daily multivitamin...
Post a Comment
Read more

Top Four Lenovo products in 2021

 If you want to buy some electronics items during Diwali, then we have brought for you some great electronics accessories of Lenovo company, it is number one 1) IdeaPad Slim 3i Chromebook (11, Intel) IdeaPad Slim 3i Chromebook (11, Intel) Starting Price is 18000. Its Processor is Intel® Celeron® N4020 Processor (2 Cores / 2 Threads, 1.10 GHz, 4 MB Cache) Operating System is Chrome OS. Display 29.46cms (11.6) HD (1366x768) TN 250nits Anti-glare Memory is 4 GB Soldered LPDDR4 2400MHz and Harddrive is 64 GB eMMC 5.1. Warranty is 1 year which they are giving an onsite warranty. 2) IdeaCentre 3 AMD  IdeaCentre 3 AMD - Mineral Gray Starting price is 17000. Its AMD Athlon™ Silver 3050U Processor (2 Cores / 2 Threads, 2.30 GHz, up to 3.20 GHz with Max Boost, 1 MB Cache L2 / 4 MB Cache L3) Operating System is DOS. Memory is 4 GB SO-DIMM DDR4 2400MHz and Hard Drive: 1 TB 7200 HDD. Its Graphics is Integrated AMD Radeon™ Graphics Warranty is 1 year which they are giving the onsite warrant...
Post a Comment
Read more