Bootstrap

Developer
Evgen Kaban
Size
4,042 Kb
Views
8,096
  1. Bootstrap Previews
  2. Bootstrap HTML Codes
  3. Bootstrap CSS Codes

How do I make an bootstrap?

What is a bootstrap? How do you make a bootstrap? This script and codes were developed by Evgen Kaban on 07 January 2023, Saturday.

Bootstrap Previews
IQ Test

Bootstrap - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Bootstrap</title> <link href="css/bootstrap-social.css" rel="stylesheet"> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- saved from url=(0077)https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html -->
<html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Ristorante Con Fusion</title> <!-- Latest compiled and minified CSS -->
<!-- Latest compiled and minified CSS -->
<style type="text/css">:root [href^="http://www.amazon."][href*="tag="]{ display: none !important; }</style> </head>
<body> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Ristorante Con Fusion</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><span class="glyphicon glyphicon-home" ria-hidden="true"></span> Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-info-sign" ria-hidden="true"></span> About</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Menu <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Appetizers</a></li> <li><a href="#">Main Courses</a></li> <li><a href="#">Desserts</a></li> <li><a href="#">Drinks</a></li> <li role="separator" class="divider"></li> <li class="dropdown-header">Specials</li> <li><a href="#">Lunch Buffet</a></li> <li><a href="#">Weekend Brunch</a></li> </ul> </li> <li><a href="#">Contact</a></li> </ul> </div> </div> </nav> <header class="jumbotron"> <!-- Main component for a primary marketing message or call to action --> <div class="container"> <div class="row row-header"> <div class="col-xs-12 col-sm-8"> <h1>Ristorante con Fusion</h1> <p style="padding:40px;"></p> <p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p> </div> <div class="col-xs-12 col-sm-4"> </div> </div> </div> </header> <div class="container"> <ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li> </ol> </div> <div class="container"> <div class="row row-content"> <div class="col-xs-12 col-sm-3 col-sm-push-9"> <p style="padding:20px;"></p> <h3 align="center">Our Lipsmacking Culinary Creations</h3> </div> <div class="col-xs-12 col-sm-9 col-sm-pull-3"> <h2>Uthappizza</h2> <p>A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.</p> <p><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">More »</a></p> </div> </div> <div class="row row-content"> <div class="col-xs-12 col-sm-3"> <p style="padding:20px;"></p> <h3 align="center">This Month's Promotions</h3> </div> <div class="col-xs-12 col-sm-9"> <h2>Weekend Grand Buffet</h2> <p>Featuring mouthwatering combinations with a choice of five different salads, six enticing appetizers, six main entrees and five choicest desserts. Free flowing bubbly and soft drinks. All for just $19.99 per person </p> <p><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">More »</a></p> </div> </div> <div class="row row-content"> <div class="col-xs-12 col-sm-3 col-sm-push-9"> <p style="padding:20px;"></p> <h3 align="center">Meet our Culinary Specialists</h3> </div> <div class="col-xs-12 col-sm-9 col-sm-pull-3"> <h2>Alberto Somayya</h2> <h4>Executive Chef</h4> <p>Award winning three-star Michelin chef with wide International experience having worked closely with whos-who in the culinary world, he specializes in creating mouthwatering Indo-Italian fusion experiences. </p> <p><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">More »</a></p> </div> </div> </div> <footer class="row-footer"> <div class="container"> <div class="row"> <div class="col-xs-5 col-xs-offset-1 col-sm-2 col-sm-offset-1"> <h5>Links</h5> <ul class="list-unstyled"> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Home</a></li> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">About</a></li> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Menu</a></li> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Contact</a></li> </ul> </div> <div class="col-xs-12 col-sm-5"> <h5>Our Address</h5> <address> 121, Clear Water Bay Road<br> Clear Water Bay, Kowloon<br> HONG KONG<br> <i class="fa fa-phone"></i>: +852 1234 5678<br> <i class="fa fa-fax"></i>: +852 8765 4321<br> <i class="fa fa-envelope"></i>: <a href="mailto:[email protected]">[email protected]</a> </address> </div> <div class="col-xs-12 col-sm-4"> <div style="padding: 40px 10px;"> <div class="nav navbar-nav" style="padding: 40px 10px;"> <a class="btn btn-social-icon btn-google-plus" href="https://google.com/+"><i class="fa fa-google-plus"></i></a> <a class="btn btn-social-icon btn-facebook" href="https://www.facebook.com/profile.php?id="><i class="fa fa-facebook"></i></a> <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/"><i class="fa fa-linkedin"></i></a> <a class="btn btn-social-icon btn-twitter" href="https://twitter.com/"><i class="fa fa-twitter"></i></a> <a class="btn btn-social-icon btn-youtube" href="https://youtube.com/"><i class="fa fa-youtube"></i></a> <a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o"></i></a> </div> </div> </div> <div class="col-xs-12"> <p style="padding:10px;"></p> <p align="center">© Copyright 2015 Ristorante Con Fusion</p> </div> </div> </div> </footer>
<!-- Latest compiled and minified JavaScript --> <script src="https://use.fontawesome.com/622cc25ba3.js"></script>
</body></html> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
</body>
</html>

Bootstrap - Script Codes CSS Codes

.jumbotron { padding:70px 30px 70px 30px; margin:0px auto; background: #7986CB ; color:floralwhite;
}
.row-header{ margin:0px auto; padding:0px auto;
}
.row-content { margin:0px auto; padding: 50px 0px 50px 0px; border-bottom: 1px ridge; min-height:400px;
}
.row-footer{ background-color: #AfAfAf; margin:0px auto; padding: 20px 0px 20px 0px;
}
address{ font-size:80%; margin:0px; color:#0f0f0f;
}
body{ padding:50px 0px 0px 0px; z-index:0;
}
.navbar-inverse { background: #303F9F;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background: #1A237E;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background: #1A237E;
}
.navbar-inverse .navbar-nav .open .dropdown-menu> li> a,
.navbar-inverse .navbar-nav .open .dropdown-menu { background-color: #303F9F; color:#eeeeee;
}
.navbar-inverse .navbar-nav .open .dropdown-menu> li> a:hover { color:#000000;
}
Bootstrap - Script Codes
Bootstrap - Script Codes
Home Page Home
Developer Evgen Kaban
Username Evgen097
Uploaded January 07, 2023
Rating 3
Size 4,042 Kb
Views 8,096
Do you need developer help for Bootstrap?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Evgen Kaban (Evgen097) Script Codes
Name
Slider 2.0
JQwery_add_class
Slider
Showcase your
Game_2
Full sait
Educenter
What we do 2
Game 3
CONTACT US
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!