Skip to content

Commit

Permalink
add velvet
Browse files Browse the repository at this point in the history
  • Loading branch information
@geeklogbook
geeklogbook committed Sep 15, 2023
1 parent e116364 commit f94460b
Show file tree
Hide file tree
Showing 1,630 changed files with 88,746 additions and 0 deletions.
10,739 changes: 10,739 additions & 0 deletions velvet/css/creative.css
View file

Large diffs are not rendered by default.

Binary file added velvet/img/bg-masthead.jpg
View file
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 velvet/img/examples/home.png
View file
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 velvet/img/portfolio/fullsize/1.jpg
View file
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 velvet/img/portfolio/fullsize/2.jpg
View file
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 velvet/img/portfolio/fullsize/3.jpg
View file
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 velvet/img/portfolio/fullsize/4.jpg
View file
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 velvet/img/portfolio/fullsize/5.jpg
View file
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 velvet/img/portfolio/fullsize/6.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
282 changes: 282 additions & 0 deletions velvet/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,282 @@
<!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>Velvet Costuras</title>

<!-- Font Awesome Icons -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>

<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

<!-- Theme CSS - Includes Bootstrap -->
<link href="css/creative.css" rel="stylesheet">

</head>

<body id="page-top">

<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-expand-lg navbar-light fixed-top py-3">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Velvet Costuras</a>
<button type="button" class="navbar-toggler navbar-toggler-right" data-toggler="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 ml-auto my-2 my-lg-0">

<li class="nav-item">
<a class="nav-link js scroll-trigger" href="#about">About</a>
</li>

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

<li class="nav-item">
<a class="nav-link js scroll-trigger" href="#portfolio">Portfolio</a>
</li>

<li class="nav-item">
<a class="nav-link js scroll-trigger" href="#contact">Contact</a>
</li>

</ul>
</div>
</div>
</nav>

<!-- Masthead -->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">Sastería a domicilio</h1>
<hr class="divider my-4">
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 font-weight-light mb-5">Con velvet costuras vas a poder darnos a nosotros la realización de problemas simples: ruedos, costuras, mangas, cierres. Como también la confección y diseño de los trajes y vestidos que siempre quisiste tener.</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Encontrá más</a>
</div>
</div>
</div>
</header>

<!-- About Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">La manera más eficiente, económica y cómoda de tratar tu vestimenta</h2>
<hr class="divider light my-4">
<p class="text-white-50 mb-5">En velvet aseguramos la calidad de los trabajos y materiales.</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#service">Dejá que te ayudemos</a>
</div>
</div>
</div>
</section>

<!-- Services Section -->
<section class="page-section" id="services">
<div class = "container">
<h2 class="text-center mt-0">Nuestros servicios</h2>
<hr class="divider my-4">
<div class = "row">

<div class ="col-lg-3 col-md-6 text-center">
<div class = "mt-5">
<i class = "fas fa-4x fa-tshirt text-primary mb-4"></i>
<h3 class = "h4 mb-2">Reacondicionamiento</h3>
<p class = "text-muted mb-0">Que tu ropa no se tire sólo por un detalle</p>
</div>
</div>

<div class ="col-lg-3 col-md-6 text-center">
<div class = "mt-5">
<i class = "fas fa-4x fa-grin-stars text-primary mb-4"></i>
<h3 class = "h4 mb-2">Ruedos y cierres</h3>
<p class = "text-muted mb-0">A mano o a máquina</p>
</div>
</div>

<div class ="col-lg-3 col-md-6 text-center">
<div class = "mt-5">
<i class = "fas fa-4x fa-user-tie text-primary mb-4"></i>
<h3 class = "h4 mb-2">Diseño de trajes</h3>
<p class = "text-muted mb-0">Para que se luzca lo mejor de vos</p>
</div>
</div>

<div class ="col-lg-3 col-md-6 text-center">
<div class = "mt-5">
<i class = "fas fa-4x fa-crown text-primary mb-4"></i>
<h3 class = "h4 mb-2">Muestras</h3>
<p class = "text-muted mb-0">Los mejores disfraces y diseños</p>
</div>
</div>

</div>

</div>


</section>

<!-- Portfolio Section -->
<section id="portfolio">
<div class="container-fluid p-0">
<div class="row no-gutters">

<div class="col-lg-4 col-sm-6">
<a class= "portfolio-box" href="img/portfolio/fullsize/1.jpg">
<img clase= "img-fluid" src="img/portfolio/fullsize/1.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</a>
</div>

<div class="col-lg-4 col-sm-6">
<a class= "portfolio-box" href="img/portfolio/fullsize/2.jpg">
<img clase= "img-fluid" src="img/portfolio/fullsize/2.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</a>
</div>

<div class="col-lg-4 col-sm-6">
<a class= "portfolio-box" href="img/portfolio/fullsize/3.jpg">
<img clase= "img-fluid" src="img/portfolio/fullsize/3.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</a>
</div>

<div class="col-lg-4 col-sm-6">
<a class= "portfolio-box" href="img/portfolio/fullsize/4.jpg">
<img clase= "img-fluid" src="img/portfolio/fullsize/4.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</a>
</div>

<div class="col-lg-4 col-sm-6">
<a class= "portfolio-box" href="img/portfolio/fullsize/5.jpg">
<img clase= "img-fluid" src="img/portfolio/fullsize/5.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</a>
</div>

<div class="col-lg-4 col-sm-6">
<a class= "portfolio-box" href="img/portfolio/fullsize/6.jpg">
<img clase= "img-fluid" src="img/portfolio/fullsize/6.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</a>
</div>
</div>
</div>
</section>

<!-- Call to Action Section -->
<section class="page-section bg-dark text-white">
<div class="container text-center">
<h2 class="mb-4">Siempre estamos disponibles para tu consulta</h2>
</div>
</section>

<!-- Contact Section -->
<section class="page-section" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">Contactate para saber más</h2>
<hr class= "divider my-4">
<p class="text-muted mb-5">¿Listo para recibir el presupuesto? Contanos tu idea y la haremos realidad</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center">
<i class="fas fa-phone fa-3x mb-3 text-muted"></i>
<div>+54 9 (011) 15-6987-4523</div>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
<a class= "d-block" href="mail: [email protected]">[email protected]</a>
</div>
</div>
</div>
</section>

<!-- Footer -->
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">
Copyright &copy; 2019 - Velvet Desing Department
</div>
</div>
</footer>


<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

<!-- Custom scripts for this template -->
<script src="js/creative.js"></script>

</body>

</html>
58 changes: 58 additions & 0 deletions velvet/js/creative.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
(function($) {
"use strict"; // Start of use strict

// Smooth scrolling using jQuery easing
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html, body').animate({
scrollTop: (target.offset().top - 72)
}, 1000, "easeInOutExpo");
return false;
}
}
});

// Closes responsive menu when a scroll trigger link is clicked
$('.js-scroll-trigger').click(function() {
$('.navbar-collapse').collapse('hide');
});

// Activate scrollspy to add active class to navbar items on scroll
$('body').scrollspy({
target: '#mainNav',
offset: 75
});

// Collapse Navbar
var navbarCollapse = function() {
if ($("#mainNav").offset().top > 100) {
$("#mainNav").addClass("navbar-scrolled");
} else {
$("#mainNav").removeClass("navbar-scrolled");
}
};
// Collapse now if page is not at top
navbarCollapse();
// Collapse the navbar when page is scrolled
$(window).scroll(navbarCollapse);

// Magnific popup calls
$('#portfolio').magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0, 1]
},
image: {
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
}
});

})(jQuery); // End of use strict
12 changes: 12 additions & 0 deletions velvet/readme.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
# 'Velvet' example Web Page

Simple HTML and CSS page about a fictitious granny bakery

# See the example by your own

[Link to the page in raw githack](https://rawcdn.githack.com/jchemile/varios/27f83a9b644d149100495b1223a7446e7a3a2dcd/single-pages/velvet/index.html)

# Images

## Landing Page
![Home Page](./img/examples/home.png)
Loading

0 comments on commit f94460b

Please sign in to comment.