first changes

This commit is contained in:
liviu 2023-08-01 15:46:59 +02:00
parent 5ae5374b5f
commit 41b7efca11
7 changed files with 68 additions and 169 deletions

20
dist/css/styles.css vendored
View File

@ -1,8 +1,8 @@
@charset "UTF-8";
/*!
* Start Bootstrap - Agency v7.0.12 (https://startbootstrap.com/theme/agency)
* Start Bootstrap - nunta v1.0.0 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
* Licensed under MIT (https://github.com/StartBootstrap/nunta-radulescu/blob/master/LICENSE)
*/
/*!
* Bootstrap v5.2.3 (https://getbootstrap.com/)
@ -57,7 +57,7 @@
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: Roboto Slab, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--bs-body-font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
@ -5542,7 +5542,7 @@ textarea.form-control-lg {
display: block;
padding: var(--bs-tooltip-arrow-height);
margin: var(--bs-tooltip-margin);
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@ -5652,7 +5652,7 @@ textarea.form-control-lg {
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@ -10849,7 +10849,7 @@ p {
font-size: 1rem;
font-weight: 400;
font-style: italic;
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin-bottom: 4rem;
}
@ -10955,10 +10955,9 @@ header.masthead {
}
header.masthead .masthead-subheading {
font-size: 1.5rem;
font-style: italic;
line-height: 1.5rem;
margin-bottom: 25px;
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
header.masthead .masthead-heading {
font-size: 3.25rem;
@ -10975,7 +10974,6 @@ header.masthead .masthead-heading {
}
header.masthead .masthead-subheading {
font-size: 2.25rem;
font-style: italic;
line-height: 2.25rem;
margin-bottom: 2rem;
}
@ -11027,7 +11025,7 @@ header.masthead .masthead-heading {
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
font-style: italic;
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.portfolio-modal .modal-dialog {
@ -11046,7 +11044,7 @@ header.masthead .masthead-heading {
.portfolio-modal .modal-content p.item-intro {
font-style: italic;
margin-bottom: 2rem;
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.portfolio-modal .modal-content p {
margin-bottom: 2rem;

110
dist/index.html vendored
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Agency - Start Bootstrap Theme</title>
<title>Anamaria și Liviu - Nunta</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
@ -20,15 +20,15 @@
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/navbar-logo.svg" alt="..." /></a>
<a class="navbar-brand" href="#page-top"><h4>Nunta</h4></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ms-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="#services">Cînd și cum?</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">Unde?</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
@ -39,41 +39,43 @@
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Welcome To Our Studio!</div>
<div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Tell Me More</a>
<div class="masthead-subheading">Ne căsătorim!</div>
<div class="masthead-heading">Anamaria și Liviu</div>
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Detalii</a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
<h3 class="section-subheading text-muted mb-4">Te invităm să ne fii alături pe</h3>
<h2 class="section-heading">23 Septembrie 2023</h2>
<h3 class="section-subheading text-muted mb-4">București</h3>
<h3 class="section-heading mb-4 mt-2">împreună cu nașii și părinții</h3>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
<i class="fas fa-champagne-glasses fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">E-Commerce</h4>
<h4 class="my-3">Mihaela și Ion Sturzoiu</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
<i class="fas fa-wine-bottle fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Responsive Design</h4>
<h4 class="my-3">Gabriela și Radu Radulescu</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
<i class="fas fa-cake-candles fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Web Security</h4>
<h4 class="my-3">E...a și Dan Ivașcu</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
</div>
@ -82,12 +84,9 @@
<!-- Portfolio Grid-->
<section class="page-section bg-light" id="portfolio">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Portfolio</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
<div class="text-center"><h2 class="section-heading mb4">Locații</h2></div>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
<div class="col-lg-6 col-sm-6 mb-4">
<!-- Portfolio item 1-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal1">
@ -97,12 +96,12 @@
<img class="img-fluid" src="assets/img/portfolio/1.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Threads</div>
<div class="portfolio-caption-subheading text-muted">Illustration</div>
<div class="portfolio-caption-heading">Cununia religioasă</div>
<div class="portfolio-caption-subheading text-muted">Biserica maramureșană</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="col-lg-6 col-sm-6 mb-4">
<!-- Portfolio item 2-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal2">
@ -112,71 +111,12 @@
<img class="img-fluid" src="assets/img/portfolio/2.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Explore</div>
<div class="portfolio-caption-subheading text-muted">Graphic Design</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 3-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal3">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/3.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Finish</div>
<div class="portfolio-caption-subheading text-muted">Identity</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
<!-- Portfolio item 4-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal4">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/4.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Lines</div>
<div class="portfolio-caption-subheading text-muted">Branding</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
<!-- Portfolio item 5-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal5">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/5.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Southwest</div>
<div class="portfolio-caption-subheading text-muted">Website Design</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<!-- Portfolio item 6-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal6">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/6.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Window</div>
<div class="portfolio-caption-subheading text-muted">Photography</div>
<div class="portfolio-caption-heading">Petrecerea</div>
<div class="portfolio-caption-subheading text-muted">Casa Doina - Crama</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4"></div>
</div>
</div>
</section>

4
dist/js/scripts.js vendored
View File

@ -1,7 +1,7 @@
/*!
* Start Bootstrap - Agency v7.0.12 (https://startbootstrap.com/theme/agency)
* Start Bootstrap - nunta v1.0.0 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
* Licensed under MIT (https://github.com/StartBootstrap/nunta-radulescu/blob/master/LICENSE)
*/
//
// Scripts

8
package-lock.json generated
View File

@ -1,12 +1,12 @@
{
"name": "startbootstrap-agency",
"version": "7.0.12",
"name": "nunta-radulescu",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "startbootstrap-agency",
"version": "7.0.12",
"name": "nunta-radulescu",
"version": "1.0.0",
"license": "MIT",
"dependencies": {
"bootstrap": "5.2.3"

View File

@ -29,6 +29,8 @@ html(lang='en')
nav#mainNav.navbar.navbar-expand-lg.navbar-dark.fixed-top
.container
a.navbar-brand(href='#page-top')
h4 Nunta
//- a.navbar-brand(href='#page-top')
img(src='assets/img/navbar-logo.svg', alt='...')
button.navbar-toggler(type='button', data-bs-toggle='collapse', data-bs-target='#navbarResponsive', aria-controls='navbarResponsive', aria-expanded='false', aria-label='Toggle navigation')
| Menu
@ -36,9 +38,9 @@ html(lang='en')
#navbarResponsive.collapse.navbar-collapse
ul.navbar-nav.text-uppercase.ms-auto.py-4.py-lg-0
li.nav-item
a.nav-link(href='#services') Services
a.nav-link(href='#services') Cînd și cum?
li.nav-item
a.nav-link(href='#portfolio') Portfolio
a.nav-link(href='#portfolio') Unde?
li.nav-item
a.nav-link(href='#about') About
li.nav-item
@ -48,36 +50,38 @@ html(lang='en')
// Masthead
header.masthead
.container
.masthead-subheading Bine ați venit la nunta noastră
.masthead-headinge Anamaria și Liviu
a.btn.btn-primary.btn-xl.text-uppercase(href='#services') Detallii...
.masthead-subheading Ne căsătorim!
.masthead-heading Anamaria și Liviu
a.btn.btn-primary.btn-xl.text-uppercase(href='#services') Detalii
// Services
section#services.page-section
.container
.text-center
h2.section-heading.text-uppercase Services
h3.section-subheading.text-muted Lorem ipsum dolor sit amet consectetur.
h3.section-subheading.text-muted.mb-4 Te invităm să ne fii alături pe
h2.section-heading 23 Septembrie 2023
h3.section-subheading.text-muted.mb-4 București
h3.section-heading.mb-4.mt-2 împreună cu nașii și părinții
.row.text-center
.col-md-4
span.fa-stack.fa-4x
i.fas.fa-circle.fa-stack-2x.text-primary
i.fas.fa-shopping-cart.fa-stack-1x.fa-inverse
h4.my-3 E-Commerce
i.fas.fa-champagne-glasses.fa-stack-1x.fa-inverse
h4.my-3 Mihaela și Ion Sturzoiu
p.text-muted
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.
.col-md-4
span.fa-stack.fa-4x
i.fas.fa-circle.fa-stack-2x.text-primary
i.fas.fa-laptop.fa-stack-1x.fa-inverse
h4.my-3 Responsive Design
i.fas.fa-wine-bottle.fa-stack-1x.fa-inverse
h4.my-3 Gabriela și Radu Radulescu
p.text-muted
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.
.col-md-4
span.fa-stack.fa-4x
i.fas.fa-circle.fa-stack-2x.text-primary
i.fas.fa-lock.fa-stack-1x.fa-inverse
h4.my-3 Web Security
i.fas.fa-cake-candles.fa-stack-1x.fa-inverse
h4.my-3 E...a și Dan Ivașcu
p.text-muted
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.
@ -85,10 +89,10 @@ html(lang='en')
section#portfolio.page-section.bg-light
.container
.text-center
h2.section-heading.text-uppercase Portfolio
h3.section-subheading.text-muted Lorem ipsum dolor sit amet consectetur.
h2.section-heading.mb4 Locații
//- h3.section-subheading.text-muted Cununia religioasă și petrecerea.
.row
.col-lg-4.col-sm-6.mb-4
.col-lg-6.col-sm-6.mb-4
// Portfolio item 1
.portfolio-item
a.portfolio-link(data-bs-toggle='modal', href='#portfolioModal1')
@ -97,9 +101,9 @@ html(lang='en')
i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/1.jpg', alt='...')
.portfolio-caption
.portfolio-caption-heading Threads
.portfolio-caption-subheading.text-muted Illustration
.col-lg-4.col-sm-6.mb-4
.portfolio-caption-heading Cununia religioasă
.portfolio-caption-subheading.text-muted Biserica maramureșană
.col-lg-6.col-sm-6.mb-4
// Portfolio item 2
.portfolio-item
a.portfolio-link(data-bs-toggle='modal', href='#portfolioModal2')
@ -108,52 +112,9 @@ html(lang='en')
i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/2.jpg', alt='...')
.portfolio-caption
.portfolio-caption-heading Explore
.portfolio-caption-subheading.text-muted Graphic Design
.portfolio-caption-heading Petrecerea
.portfolio-caption-subheading.text-muted Casa Doina - Crama
.col-lg-4.col-sm-6.mb-4
// Portfolio item 3
.portfolio-item
a.portfolio-link(data-bs-toggle='modal', href='#portfolioModal3')
.portfolio-hover
.portfolio-hover-content
i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/3.jpg', alt='...')
.portfolio-caption
.portfolio-caption-heading Finish
.portfolio-caption-subheading.text-muted Identity
.col-lg-4.col-sm-6.mb-4.mb-lg-0
// Portfolio item 4
.portfolio-item
a.portfolio-link(data-bs-toggle='modal', href='#portfolioModal4')
.portfolio-hover
.portfolio-hover-content
i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/4.jpg', alt='...')
.portfolio-caption
.portfolio-caption-heading Lines
.portfolio-caption-subheading.text-muted Branding
.col-lg-4.col-sm-6.mb-4.mb-sm-0
// Portfolio item 5
.portfolio-item
a.portfolio-link(data-bs-toggle='modal', href='#portfolioModal5')
.portfolio-hover
.portfolio-hover-content
i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/5.jpg', alt='...')
.portfolio-caption
.portfolio-caption-heading Southwest
.portfolio-caption-subheading.text-muted Website Design
.col-lg-4.col-sm-6
// Portfolio item 6
.portfolio-item
a.portfolio-link(data-bs-toggle='modal', href='#portfolioModal6')
.portfolio-hover
.portfolio-hover-content
i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/6.jpg', alt='...')
.portfolio-caption
.portfolio-caption-heading Window
.portfolio-caption-subheading.text-muted Photography
// About
section#about.page-section

View File

@ -15,7 +15,7 @@ header.masthead {
.masthead-subheading {
font-size: 1.5rem;
font-style: italic;
// font-style: italic;
line-height: 1.5rem;
margin-bottom: 25px;
font-family: $subheadings-font-family;
@ -37,7 +37,7 @@ header.masthead {
.masthead-subheading {
font-size: 2.25rem;
font-style: italic;
// font-style: italic;
line-height: 2.25rem;
margin-bottom: 2rem;
}

View File

@ -8,7 +8,7 @@
// via Google fonts in the head of src/pug/index.pug.
// The fonts listed afterwards are fallbacks.
$font-family-base: "Roboto Slab",
$font-family-base: "Montserrat",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",