AlejoBonifacio
GitHub
parent
b1ec55d100
commit
be47c339ea
|
|
@ -0,0 +1,2 @@
|
|||
# mi-pagina-web-personal
|
||||
Mí primer página en git hub
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Business Casual - Start Bootstrap Theme</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/business-casual.min.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 class="site-heading text-center text-white d-none d-lg-block">
|
||||
<span class="site-heading-upper text-primary mb-3">A Free Bootstrap 4 Business Theme</span>
|
||||
<span class="site-heading-lower">Business Casual</span>
|
||||
</h1>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">Start Bootstrap</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="index.html">Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="products.html">Products</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="store.html">Store</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="page-section about-heading">
|
||||
<div class="container">
|
||||
<img class="img-fluid rounded about-heading-img mb-3 mb-lg-0" src="img/about.jpg" alt="">
|
||||
<div class="about-heading-content">
|
||||
<div class="row">
|
||||
<div class="col-xl-9 col-lg-10 mx-auto">
|
||||
<div class="bg-faded rounded p-5">
|
||||
<h2 class="section-heading mb-4">
|
||||
<span class="section-heading-upper">Strong Coffee, Strong Roots</span>
|
||||
<span class="section-heading-lower">About Our Cafe</span>
|
||||
</h2>
|
||||
<p>Founded in 1987 by the Hernandez brothers, our establishment has been serving up rich coffee sourced from artisan farmers in various regions of South and Central America. We are dedicated to travelling the world, finding the best coffee, and bringing back to you here in our cafe.</p>
|
||||
<p class="mb-0">We guarantee that you will fall in <em>lust</em> with our decadent blends the moment you walk inside until you finish your last sip. Join us for your daily routine, an outing with friends, or simply just to enjoy some alone time.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer text-faded text-center py-5">
|
||||
<div class="container">
|
||||
<p class="m-0 small">Copyright © Your Website 2019</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,255 @@
|
|||
/*!
|
||||
* Start Bootstrap - Business Casual v5.0.9 (https://startbootstrap.com/template-overviews/business-casual)
|
||||
* Copyright 2013-2019 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: 'Lora';
|
||||
background-image: linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url("../img/bg.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: 'Raleway';
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.text-faded {
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.site-heading {
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 5rem;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
font-family: 'Raleway';
|
||||
}
|
||||
|
||||
.site-heading .site-heading-upper {
|
||||
display: block;
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.site-heading .site-heading-lower {
|
||||
font-size: 5rem;
|
||||
font-weight: 100;
|
||||
line-height: 4rem;
|
||||
}
|
||||
|
||||
.page-section {
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.section-heading .section-heading-upper {
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.section-heading .section-heading-lower {
|
||||
display: block;
|
||||
font-size: 3rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.bg-faded {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
#mainNav {
|
||||
background-color: rgba(47, 23, 15, 0.9);
|
||||
font-family: 'Raleway';
|
||||
}
|
||||
|
||||
#mainNav .navbar-brand {
|
||||
color: #e6a756;
|
||||
}
|
||||
|
||||
#mainNav .navbar-nav .nav-item .nav-link {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
#mainNav .navbar-nav .nav-item.active .nav-link {
|
||||
color: #e6a756;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#mainNav .navbar-nav .nav-item .nav-link {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
#mainNav .navbar-nav .nav-item .nav-link:hover {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
#mainNav .navbar-nav .nav-item.active .nav-link:hover {
|
||||
color: #e6a756;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-xl {
|
||||
font-weight: 700;
|
||||
font-size: 0.8rem;
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.intro {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.intro .intro-img {
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
.intro .intro-text {
|
||||
left: 0;
|
||||
width: 60%;
|
||||
margin-top: 3rem;
|
||||
position: absolute;
|
||||
}
|
||||
.intro .intro-text .intro-button {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
bottom: -2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.intro .intro-text {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
.cta {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5rem;
|
||||
background-color: rgba(230, 167, 86, 0.9);
|
||||
}
|
||||
|
||||
.cta .cta-inner {
|
||||
position: relative;
|
||||
padding: 3rem;
|
||||
margin: 0.5rem;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.cta .cta-inner:before {
|
||||
border-radius: 0.5rem;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -0.5rem;
|
||||
bottom: -0.5rem;
|
||||
left: -0.5rem;
|
||||
right: -0.5rem;
|
||||
border: 0.25rem solid rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.about-heading .about-heading-img {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
.about-heading .about-heading-content {
|
||||
margin-top: -5rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.product-item .product-item-title {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: -3rem;
|
||||
}
|
||||
.product-item .product-item-img {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
max-width: 60vw;
|
||||
}
|
||||
.product-item .product-item-description {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: -3rem;
|
||||
max-width: 50vw;
|
||||
}
|
||||
}
|
||||
|
||||
.list-hours {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.list-hours .list-hours-item {
|
||||
border-bottom: 1px solid rgba(230, 167, 86, 0.5);
|
||||
padding-bottom: .25rem;
|
||||
margin-bottom: 1rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.list-hours .list-hours-item.today {
|
||||
font-weight: bold;
|
||||
color: #e6a756;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.list-hours {
|
||||
width: 50%;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.address strong {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: rgba(47, 23, 15, 0.9);
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #e6a756 !important;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #e6a756 !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #e6a756;
|
||||
border-color: #e6a756;
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
|
||||
background-color: #df902a;
|
||||
border-color: #df902a;
|
||||
}
|
||||
|
||||
.font-weight-light {
|
||||
font-weight: 100 !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
/*!
|
||||
* Start Bootstrap - Business Casual v5.0.9 (https://startbootstrap.com/template-overviews/business-casual)
|
||||
* Copyright 2013-2019 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
|
||||
*/body{font-family:Lora;background-image:linear-gradient(rgba(47,23,15,.65),rgba(47,23,15,.65)),url(../img/bg.jpg);background-attachment:fixed;background-position:center;background-size:cover}h1,h2,h3,h4,h5,h6{font-family:Raleway}p{line-height:1.75}.text-faded{color:rgba(255,255,255,.3)}.site-heading{margin-top:5rem;margin-bottom:5rem;text-transform:uppercase;line-height:1;font-family:Raleway}.site-heading .site-heading-upper{display:block;font-size:2rem;font-weight:800}.site-heading .site-heading-lower{font-size:5rem;font-weight:100;line-height:4rem}.page-section{margin-top:5rem;margin-bottom:5rem}.section-heading{text-transform:uppercase}.section-heading .section-heading-upper{display:block;font-size:1rem;font-weight:800}.section-heading .section-heading-lower{display:block;font-size:3rem;font-weight:100}.bg-faded{background-color:rgba(255,255,255,.85)}#mainNav{background-color:rgba(47,23,15,.9);font-family:Raleway}#mainNav .navbar-brand{color:#e6a756}#mainNav .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,.7);font-weight:800}#mainNav .navbar-nav .nav-item.active .nav-link{color:#e6a756}@media (min-width:992px){#mainNav .navbar-nav .nav-item .nav-link{font-size:.9rem}#mainNav .navbar-nav .nav-item .nav-link:hover{color:rgba(255,255,255,.4)}#mainNav .navbar-nav .nav-item.active .nav-link:hover{color:#e6a756}}.btn-xl{font-weight:700;font-size:.8rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:2rem;padding-right:2rem}.intro{position:relative}@media (min-width:992px){.intro .intro-img{width:75%;float:right}.intro .intro-text{left:0;width:60%;margin-top:3rem;position:absolute}.intro .intro-text .intro-button{width:100%;left:0;position:absolute;bottom:-2rem}}@media (min-width:1200px){.intro .intro-text{width:45%}}.cta{padding-top:5rem;padding-bottom:5rem;background-color:rgba(230,167,86,.9)}.cta .cta-inner{position:relative;padding:3rem;margin:.5rem;background-color:rgba(255,255,255,.85)}.cta .cta-inner:before{border-radius:.5rem;content:'';position:absolute;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;border:.25rem solid rgba(255,255,255,.85)}@media (min-width:992px){.about-heading .about-heading-img{position:relative;z-index:0}.about-heading .about-heading-content{margin-top:-5rem;position:relative;z-index:1}}@media (min-width:992px){.product-item .product-item-title{position:relative;z-index:1;margin-bottom:-3rem}.product-item .product-item-img{position:relative;z-index:0;max-width:60vw}.product-item .product-item-description{position:relative;z-index:1;margin-top:-3rem;max-width:50vw}}.list-hours{font-size:.9rem}.list-hours .list-hours-item{border-bottom:1px solid rgba(230,167,86,.5);padding-bottom:.25rem;margin-bottom:1rem;font-style:italic}.list-hours .list-hours-item.today{font-weight:700;color:#e6a756}@media (min-width:992px){.list-hours{width:50%;font-size:1.1rem}}.address strong{font-size:1.2rem}.footer{background-color:rgba(47,23,15,.9)}.text-primary{color:#e6a756!important}.bg-primary{background-color:#e6a756!important}.btn{box-shadow:0 3px 3px 0 rgba(33,37,41,.1)}.btn-primary{background-color:#e6a756;border-color:#e6a756}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#df902a;border-color:#df902a}.font-weight-light{font-weight:100!important}
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
"use strict";
|
||||
|
||||
// Load plugins
|
||||
const autoprefixer = require("gulp-autoprefixer");
|
||||
const browsersync = require("browser-sync").create();
|
||||
const cleanCSS = require("gulp-clean-css");
|
||||
const del = require("del");
|
||||
const gulp = require("gulp");
|
||||
const header = require("gulp-header");
|
||||
const merge = require("merge-stream");
|
||||
const plumber = require("gulp-plumber");
|
||||
const rename = require("gulp-rename");
|
||||
const sass = require("gulp-sass");
|
||||
|
||||
// Load package.json for banner
|
||||
const pkg = require('./package.json');
|
||||
|
||||
// Set the banner content
|
||||
const banner = ['/*!\n',
|
||||
' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n',
|
||||
' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n',
|
||||
' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n',
|
||||
' */\n',
|
||||
'\n'
|
||||
].join('');
|
||||
|
||||
// BrowserSync
|
||||
function browserSync(done) {
|
||||
browsersync.init({
|
||||
server: {
|
||||
baseDir: "./"
|
||||
},
|
||||
port: 3000
|
||||
});
|
||||
done();
|
||||
}
|
||||
|
||||
// BrowserSync reload
|
||||
function browserSyncReload(done) {
|
||||
browsersync.reload();
|
||||
done();
|
||||
}
|
||||
|
||||
// Clean vendor
|
||||
function clean() {
|
||||
return del(["./vendor/"]);
|
||||
}
|
||||
|
||||
// Bring third party dependencies from node_modules into vendor directory
|
||||
function modules() {
|
||||
// Bootstrap
|
||||
var bootstrap = gulp.src('./node_modules/bootstrap/dist/**/*')
|
||||
.pipe(gulp.dest('./vendor/bootstrap'));
|
||||
// jQuery
|
||||
var jquery = gulp.src([
|
||||
'./node_modules/jquery/dist/*',
|
||||
'!./node_modules/jquery/dist/core.js'
|
||||
])
|
||||
.pipe(gulp.dest('./vendor/jquery'));
|
||||
return merge(bootstrap, jquery);
|
||||
}
|
||||
|
||||
// CSS task
|
||||
function css() {
|
||||
return gulp
|
||||
.src("./scss/**/*.scss")
|
||||
.pipe(plumber())
|
||||
.pipe(sass({
|
||||
outputStyle: "expanded",
|
||||
includePaths: "./node_modules",
|
||||
}))
|
||||
.on("error", sass.logError)
|
||||
.pipe(autoprefixer({
|
||||
cascade: false
|
||||
}))
|
||||
.pipe(header(banner, {
|
||||
pkg: pkg
|
||||
}))
|
||||
.pipe(gulp.dest("./css"))
|
||||
.pipe(rename({
|
||||
suffix: ".min"
|
||||
}))
|
||||
.pipe(cleanCSS())
|
||||
.pipe(gulp.dest("./css"))
|
||||
.pipe(browsersync.stream());
|
||||
}
|
||||
|
||||
// Watch files
|
||||
function watchFiles() {
|
||||
gulp.watch("./scss/**/*", css);
|
||||
gulp.watch("./**/*.html", browserSyncReload);
|
||||
}
|
||||
|
||||
// Define complex tasks
|
||||
const vendor = gulp.series(clean, modules);
|
||||
const build = gulp.series(vendor, css);
|
||||
const watch = gulp.series(build, gulp.parallel(watchFiles, browserSync));
|
||||
|
||||
// Export tasks
|
||||
exports.css = css;
|
||||
exports.clean = clean;
|
||||
exports.vendor = vendor;
|
||||
exports.build = build;
|
||||
exports.watch = watch;
|
||||
exports.default = build;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 684 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 421 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 758 KiB |
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Alejo Bonifacio - Holista Templado</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/business-casual.min.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 class="site-heading text-center text-white d-none d-lg-block">
|
||||
<span class="site-heading-upper text-primary mb-3">Mi primera página web gratis</span>
|
||||
<span class="site-heading-lower">Alejo Bonifacio</span>
|
||||
</h1>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">Start Bootstrap</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item active px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="index.html">Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="products.html">Products</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="store.html">Store</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="page-section clearfix">
|
||||
<div class="container">
|
||||
<div class="intro">
|
||||
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded" src="img/intro.jpg" alt="">
|
||||
<div class="intro-text left-0 text-center bg-faded p-5 rounded">
|
||||
<h2 class="section-heading mb-4">
|
||||
<span class="section-heading-upper">Fresh Coffee</span>
|
||||
<span class="section-heading-lower">Worth Drinking</span>
|
||||
</h2>
|
||||
<p class="mb-3">Every cup of our quality artisan coffee starts with locally sourced, hand picked ingredients. Once you try it, our coffee will be a blissful addition to your everyday morning routine - we guarantee it!
|
||||
</p>
|
||||
<div class="intro-button mx-auto">
|
||||
<a class="btn btn-primary btn-xl" href="#">Contactame!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="page-section cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-9 mx-auto">
|
||||
<div class="cta-inner text-center rounded">
|
||||
<h2 class="section-heading mb-4">
|
||||
<span class="section-heading-upper">Our Promise</span>
|
||||
<span class="section-heading-lower">To You</span>
|
||||
</h2>
|
||||
<p class="mb-0">When you walk into our shop to start your day, we are dedicated to providing you with friendly service, a welcoming atmosphere, and above all else, excellent products made with the highest quality ingredients. If you are not satisfied, please let us know and we will do whatever we can to make things right!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer text-faded text-center py-5">
|
||||
<div class="container">
|
||||
<p class="m-0 small">Copyright © Your Website 2019</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,47 @@
|
|||
{
|
||||
"title": "Business Casual",
|
||||
"name": "startbootstrap-business-casual",
|
||||
"version": "5.0.9",
|
||||
"scripts": {
|
||||
"start": "node_modules/.bin/gulp watch"
|
||||
},
|
||||
"description": "A casual HTML website theme for businesses built with Bootstrap",
|
||||
"keywords": [
|
||||
"css",
|
||||
"sass",
|
||||
"html",
|
||||
"responsive",
|
||||
"theme",
|
||||
"template"
|
||||
],
|
||||
"homepage": "https://startbootstrap.com/template-overviews/business-casual",
|
||||
"bugs": {
|
||||
"url": "https://github.com/BlackrockDigital/startbootstrap-business-casual/issues",
|
||||
"email": "feedback@startbootstrap.com"
|
||||
},
|
||||
"license": "MIT",
|
||||
"author": "Start Bootstrap",
|
||||
"contributors": [
|
||||
"David Miller (http://davidmiller.io/)"
|
||||
],
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/BlackrockDigital/startbootstrap-business-casual.git"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "4.3.1",
|
||||
"jquery": "3.4.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"browser-sync": "2.26.7",
|
||||
"del": "5.1.0",
|
||||
"gulp": "4.0.2",
|
||||
"gulp-autoprefixer": "7.0.0",
|
||||
"gulp-clean-css": "4.2.0",
|
||||
"gulp-header": "2.0.9",
|
||||
"gulp-plumber": "^1.2.1",
|
||||
"gulp-rename": "1.4.0",
|
||||
"gulp-sass": "4.0.2",
|
||||
"merge-stream": "2.0.0"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,135 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Business Casual - Start Bootstrap Theme</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/business-casual.min.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 class="site-heading text-center text-white d-none d-lg-block">
|
||||
<span class="site-heading-upper text-primary mb-3">A Free Bootstrap 4 Business Theme</span>
|
||||
<span class="site-heading-lower">Business Casual</span>
|
||||
</h1>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">Start Bootstrap</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="index.html">Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item active px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="products.html">Products</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="store.html">Store</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="page-section">
|
||||
<div class="container">
|
||||
<div class="product-item">
|
||||
<div class="product-item-title d-flex">
|
||||
<div class="bg-faded p-5 d-flex ml-auto rounded">
|
||||
<h2 class="section-heading mb-0">
|
||||
<span class="section-heading-upper">Blended to Perfection</span>
|
||||
<span class="section-heading-lower">Coffees & Teas</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-01.jpg" alt="">
|
||||
<div class="product-item-description d-flex mr-auto">
|
||||
<div class="bg-faded p-5 rounded">
|
||||
<p class="mb-0">We take pride in our work, and it shows. Every time you order a beverage from us, we guarantee that it will be an experience worth having. Whether it's our world famous Venezuelan Cappuccino, a refreshing iced herbal tea, or something as simple as a cup of speciality sourced black coffee, you will be coming back for more.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="page-section">
|
||||
<div class="container">
|
||||
<div class="product-item">
|
||||
<div class="product-item-title d-flex">
|
||||
<div class="bg-faded p-5 d-flex mr-auto rounded">
|
||||
<h2 class="section-heading mb-0">
|
||||
<span class="section-heading-upper">Delicious Treats, Good Eats</span>
|
||||
<span class="section-heading-lower">Bakery & Kitchen</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-02.jpg" alt="">
|
||||
<div class="product-item-description d-flex ml-auto">
|
||||
<div class="bg-faded p-5 rounded">
|
||||
<p class="mb-0">Our seasonal menu features delicious snacks, baked goods, and even full meals perfect for breakfast or lunchtime. We source our ingredients from local, oragnic farms whenever possible, alongside premium vendors for specialty goods.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="page-section">
|
||||
<div class="container">
|
||||
<div class="product-item">
|
||||
<div class="product-item-title d-flex">
|
||||
<div class="bg-faded p-5 d-flex ml-auto rounded">
|
||||
<h2 class="section-heading mb-0">
|
||||
<span class="section-heading-upper">From Around the World</span>
|
||||
<span class="section-heading-lower">Bulk Speciality Blends</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="img/products-03.jpg" alt="">
|
||||
<div class="product-item-description d-flex mr-auto">
|
||||
<div class="bg-faded p-5 rounded">
|
||||
<p class="mb-0">Travelling the world for the very best quality coffee is something take pride in. When you visit us, you'll always find new blends from around the world, mainly from regions in Central and South America. We sell our blends in smaller to large bulk quantities. Please visit us in person for more details.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer text-faded text-center py-5">
|
||||
<div class="container">
|
||||
<p class="m-0 small">Copyright © Your Website 2019</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
.about-heading {
|
||||
@media (min-width: 992px) {
|
||||
.about-heading-img {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
.about-heading-content {
|
||||
margin-top: -5rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
.text-primary {
|
||||
color: $primary !important;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: $primary !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
box-shadow: 0px 3px 3px 0px fade-out($gray-900, 0.9);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: darken($primary, 10%);
|
||||
border-color: darken($primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.font-weight-light {
|
||||
font-weight: 100 !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
.btn-xl {
|
||||
font-weight: 700;
|
||||
font-size: 0.8rem;
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
.cta {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5rem;
|
||||
background-color: fade-out($primary, 0.1);
|
||||
.cta-inner {
|
||||
position: relative;
|
||||
padding: 3rem;
|
||||
margin: 0.5rem;
|
||||
background-color: fade-out($white, 0.15);
|
||||
&:before {
|
||||
border-radius: 0.5rem;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -0.5rem;
|
||||
bottom: -0.5rem;
|
||||
left: -0.5rem;
|
||||
right: -0.5rem;
|
||||
border: 0.25rem solid fade-out($white, 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
.footer {
|
||||
background-color: fade-out($secondary, 0.1);
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
body {
|
||||
@include body-font;
|
||||
background-image: linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url('../img/bg.jpg');
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
@include heading-font;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.text-faded {
|
||||
color: fade-out($white, 0.7);
|
||||
}
|
||||
|
||||
.site-heading {
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 5rem;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
|
||||
@include heading-font;
|
||||
.site-heading-upper {
|
||||
display: block;
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
.site-heading-lower {
|
||||
font-size: 5rem;
|
||||
font-weight: 100;
|
||||
line-height: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
.page-section {
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
text-transform: uppercase;
|
||||
.section-heading-upper {
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
.section-heading-lower {
|
||||
display: block;
|
||||
font-size: 3rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-faded {
|
||||
background-color: fade-out($white, 0.15);
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
.intro {
|
||||
position: relative;
|
||||
@media (min-width: 992px) {
|
||||
.intro-img {
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
.intro-text {
|
||||
left: 0;
|
||||
width: 60%;
|
||||
margin-top: 3rem;
|
||||
position: absolute;
|
||||
.intro-button {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
bottom: -2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.intro-text {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@mixin heading-font {
|
||||
font-family: 'Raleway';
|
||||
}
|
||||
|
||||
@mixin body-font {
|
||||
font-family: 'Lora';
|
||||
}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
#mainNav {
|
||||
background-color: fade-out($secondary, 0.1);
|
||||
@include heading-font;
|
||||
.navbar-brand {
|
||||
color: $primary;
|
||||
}
|
||||
.navbar-nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: fade-out($white, 0.3);
|
||||
|
||||
font-weight: 800;
|
||||
}
|
||||
&.active {
|
||||
.nav-link {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
font-size: 0.9rem;
|
||||
&:hover {
|
||||
color: fade-out($white, 0.6);
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.nav-link:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
.product-item {
|
||||
@media (min-width: 992px) {
|
||||
.product-item-title {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: -3rem;
|
||||
}
|
||||
.product-item-img {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
max-width: 60vw;
|
||||
}
|
||||
.product-item-description {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: -3rem;
|
||||
max-width: 50vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
.list-hours {
|
||||
font-size: 0.9rem;
|
||||
.list-hours-item {
|
||||
border-bottom: 1px solid fade-out($primary, 0.5);
|
||||
padding-bottom: .25rem;
|
||||
margin-bottom: 1rem;
|
||||
font-style: italic;
|
||||
&.today {
|
||||
font-weight: bold;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
@media(min-width: 992px) {
|
||||
width: 50%;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.address {
|
||||
strong {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
// Variables
|
||||
|
||||
// Restated Bootstrap Variables
|
||||
|
||||
$white: #fff !default;
|
||||
$gray-100: #f8f9fa !default;
|
||||
$gray-200: #e9ecef !default;
|
||||
$gray-300: #dee2e6 !default;
|
||||
$gray-400: #ced4da !default;
|
||||
$gray-500: #adb5bd !default;
|
||||
$gray-600: #868e96 !default;
|
||||
$gray-700: #495057 !default;
|
||||
$gray-800: #343a40 !default;
|
||||
$gray-900: #212529 !default;
|
||||
$black: #000 !default;
|
||||
|
||||
$primary: #e6a756 !default;
|
||||
$secondary: #2F170F !default;
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "global";
|
||||
@import "navbar";
|
||||
@import "buttons";
|
||||
@import "intro";
|
||||
@import "cta";
|
||||
@import "about";
|
||||
@import "products";
|
||||
@import "store";
|
||||
@import "footer";
|
||||
@import "bootstrap-overrides";
|
||||
|
|
@ -0,0 +1,158 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Business Casual - Start Bootstrap Theme</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/business-casual.min.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 class="site-heading text-center text-white d-none d-lg-block">
|
||||
<span class="site-heading-upper text-primary mb-3">A Free Bootstrap 4 Business Theme</span>
|
||||
<span class="site-heading-lower">Business Casual</span>
|
||||
</h1>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">Start Bootstrap</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="index.html">Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="products.html">Products</a>
|
||||
</li>
|
||||
<li class="nav-item active px-lg-4">
|
||||
<a class="nav-link text-uppercase text-expanded" href="store.html">Store</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="page-section cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-9 mx-auto">
|
||||
<div class="cta-inner text-center rounded">
|
||||
<h2 class="section-heading mb-5">
|
||||
<span class="section-heading-upper">Come On In</span>
|
||||
<span class="section-heading-lower">We're Open</span>
|
||||
</h2>
|
||||
<ul class="list-unstyled list-hours mb-5 text-left mx-auto">
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Sunday
|
||||
<span class="ml-auto">Closed</span>
|
||||
</li>
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Monday
|
||||
<span class="ml-auto">7:00 AM to 8:00 PM</span>
|
||||
</li>
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Tuesday
|
||||
<span class="ml-auto">7:00 AM to 8:00 PM</span>
|
||||
</li>
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Wednesday
|
||||
<span class="ml-auto">7:00 AM to 8:00 PM</span>
|
||||
</li>
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Thursday
|
||||
<span class="ml-auto">7:00 AM to 8:00 PM</span>
|
||||
</li>
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Friday
|
||||
<span class="ml-auto">7:00 AM to 8:00 PM</span>
|
||||
</li>
|
||||
<li class="list-unstyled-item list-hours-item d-flex">
|
||||
Saturday
|
||||
<span class="ml-auto">9:00 AM to 5:00 PM</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="address mb-5">
|
||||
<em>
|
||||
<strong>1116 Orchard Street</strong>
|
||||
<br>
|
||||
Golden Valley, Minnesota
|
||||
</em>
|
||||
</p>
|
||||
<p class="mb-0">
|
||||
<small>
|
||||
<em>Call Anytime</em>
|
||||
</small>
|
||||
<br>
|
||||
(317) 585-8468
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="page-section about-heading">
|
||||
<div class="container">
|
||||
<img class="img-fluid rounded about-heading-img mb-3 mb-lg-0" src="img/about.jpg" alt="">
|
||||
<div class="about-heading-content">
|
||||
<div class="row">
|
||||
<div class="col-xl-9 col-lg-10 mx-auto">
|
||||
<div class="bg-faded rounded p-5">
|
||||
<h2 class="section-heading mb-4">
|
||||
<span class="section-heading-upper">Strong Coffee, Strong Roots</span>
|
||||
<span class="section-heading-lower">About Our Cafe</span>
|
||||
</h2>
|
||||
<p>Founded in 1987 by the Hernandez brothers, our establishment has been serving up rich coffee sourced from artisan farmers in various regions of South and Central America. We are dedicated to travelling the world, finding the best coffee, and bringing back to you here in our cafe.</p>
|
||||
<p class="mb-0">We guarantee that you will fall in
|
||||
<em>lust</em>
|
||||
with our decadent blends the moment you walk inside until you finish your last sip. Join us for your daily routine, an outing with friends, or simply just to enjoy some alone time.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer text-faded text-center py-5">
|
||||
<div class="container">
|
||||
<p class="m-0 small">Copyright © Your Website 2018</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- Script to highlight the active date in the hours list -->
|
||||
<script>
|
||||
$('.list-hours li').eq(new Date().getDay()).addClass('today');
|
||||
</script>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
mi-pagina-web-personal-master/vendor/bootstrap/css/bootstrap-grid.min.css.map
vendored
Normal file
1
mi-pagina-web-personal-master/vendor/bootstrap/css/bootstrap-grid.min.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,331 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2019 The Bootstrap Authors
|
||||
* Copyright 2011-2019 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button:not(:disabled),
|
||||
[type="button"]:not(:disabled),
|
||||
[type="reset"]:not(:disabled),
|
||||
[type="submit"]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,8 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2019 The Bootstrap Authors
|
||||
* Copyright 2011-2019 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
1
mi-pagina-web-personal-master/vendor/bootstrap/css/bootstrap-reboot.min.css.map
vendored
Normal file
1
mi-pagina-web-personal-master/vendor/bootstrap/css/bootstrap-reboot.min.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
mi-pagina-web-personal-master/vendor/bootstrap/js/bootstrap.bundle.min.js.map
vendored
Normal file
1
mi-pagina-web-personal-master/vendor/bootstrap/js/bootstrap.bundle.min.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue