UbuntuandClaude Opus 5
de38aae8d5
Four items from the salon, all three languages where applicable.
Massage section icon
- The icon above Om oss (and above Behandlinger, Priser and Åpningstider -
it is the same image in all four) was beauty's makeup icon, copied in as
a placeholder before massage had any assets of its own. Replaced with the
herbal-compress icon tinted to the massage sage, mirroring how beauty's
is tinted to its rose. beauty/ollo_rose.png is untouched; the copy under
assets/img/massage/ is removed, and the one dead template rule that still
pointed at it (.box-heading:before, which renders on no page) repointed.
Parking copy, barber + beauty + massage, no/en/hu
- Dropped the "park free of charge during the treatments" clause from the
owner bio and replaced it with the new two-space wording.
- Replaced the note under Åpningstider. The Norwegian original was
misspelled differently in each vertical ("kundeprarking" on barber,
"kunderparking" on beauty); both are gone.
- massage picks both up automatically: its owner block is extracted from
beauty-form-<lang>.php at generation time, and the hours note comes from
the generator.
Barber treatments grid: level the six icons
- .service-text reserves padding-bottom for the 80px floated icon but has
no height, so every block sizes to its own text. Measured on the live
page the left column ran 155/155px against the right column's 185/206px,
because its titles wrap to two lines - so the icons drifted further apart
with each row (0, 30, 81px).
- Trimmed the reserved padding and gave every block the same floor, so all
six are identical and the rows line up. 195px clears the tallest block
and leaves room for a three-line title at the narrow end of the desktop
range. Desktop only: below 981px the columns stack full width, where a
floor would only add dead space.
- beauty drifts 20px and massage 0px, so both are left alone.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
293 lines
14 KiB
PHP
Executable File
293 lines
14 KiB
PHP
Executable File
<!-- Banner -->
|
||
|
||
<section id="banner">
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||
<!--div class="inner">
|
||
<h2>Ipsum dolore</h2>
|
||
<p>Amet lorem ipsum consequat feugiat</p>
|
||
</div-->
|
||
</section>
|
||
|
||
<section id="mobil-menu">
|
||
<div class="mobil-menucont">
|
||
<ul>
|
||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">BOOK TIME</a></li>
|
||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- About Us -->
|
||
<section id="aboutus" class="wrapper style1">
|
||
<div class="container">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||
<h2>About Us</h2>
|
||
</header>
|
||
<div class="bemutatkozas">
|
||
<div class="bem-bal">
|
||
<p>
|
||
My name is Evelin Bence, leader and creator of Studio Beve. I consider it
|
||
important that our guests during their stay – resting a little from the noise of the
|
||
world – recharge their batteries and return to everyday life beautified inside as
|
||
well as outside.
|
||
</p>
|
||
<p>
|
||
Quality time, maximum attention, the most professional tools, together with
|
||
professionalism and expertise, stand for the basis of our philosophy and
|
||
services.
|
||
</p>
|
||
<p>
|
||
I believe that beauty, fashion, and trend are not gender-specific, so we have the
|
||
opportunity for everyone to become beautiful in one place, regardless of gender.
|
||
And among our Barber, Beauty and Massage departments, you can find the right services
|
||
for you.
|
||
</p>
|
||
<p>
|
||
With nearly 10 years of experience in the beauty industry, including many years
|
||
of international experience, I thought it was time to open my own studio here in
|
||
Trondheim at Innheredsveien 92. We have two private parking spaces that our
|
||
guests can use free of charge during their treatment, subject to availability.
|
||
</p>
|
||
<p>
|
||
It is an extra pleasure for me that I managed to find a traditional place where
|
||
there was already a beauty salon in the 50s. Therefore, I now have the
|
||
opportunity to carry on this tradition in a modern environment.
|
||
Become beautiful with us. We look forward to seeing you.
|
||
</p>
|
||
</div>
|
||
<div class="bem-jobb">
|
||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||
<h4>Evelin Bence <br> <span>Owner, Studio Beve</span></h4>
|
||
</div>
|
||
</div>
|
||
<div class="dolgozo-nev">
|
||
<hr>
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||
</div>
|
||
<div class="bemutatkozas-dolgozo">
|
||
<div class="bem-dolgozo-bal">
|
||
<p>
|
||
"I got acquainted with the basics of being a barber at a very young age, as my
|
||
mother is also a barber. From her I managed at a very young age to master the
|
||
tricks of this wonderful profession. You could say I was born into the profession,
|
||
and I've been officially a second-generation barber for a few years now.
|
||
I am proud to have learned from the best. My master barber and friend Ruben
|
||
Tenkely, owner of "Peaky Barbers – Tenkely Limited Company", European Cup
|
||
winner and Hungarian champion, has gained a lot of experience internationally.
|
||
Among other things, he worked at one of Norway's most famous traditional
|
||
salons, Brødrene Fevangs Barberstue. This allowed me to learn about trends in
|
||
Norway.
|
||
</p>
|
||
<p>
|
||
I have been living in Norway since April 2023 and am eager to learn
|
||
Norwegian. I feel fortunate to have had the opportunity to work alongside Felipe
|
||
Romero in Trondheim, who is also an incredibly knowledgeable barber. More
|
||
than one of you may have met and gotten to know me at his salon.
|
||
I constantly participate in further trainings because I believe that continuous
|
||
development, quality work and dedication help me to become a better
|
||
professional day by day."
|
||
</p>
|
||
</div>
|
||
<div class="bem-dolgozo-jobb">
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<!-- Treatments -->
|
||
<section id="treatments" class="wrapper style2">
|
||
<div class="container">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||
<h2 class="nyitva">Treatments</h2>
|
||
</header>
|
||
</div>
|
||
<div class="service-block">
|
||
<div class="service-area">
|
||
<div class="one-third service-part1">
|
||
<div class="service-inner">
|
||
<div class="service service1">
|
||
<div class="service-text service-text1">
|
||
<div class="service-icon icon1"></div>
|
||
<div class="service-content">
|
||
<div class="main-title">Beard Trimming</div>
|
||
<div class="sub-title-serv">with scissors and machine and knife shave with hot towel</div>
|
||
</div>
|
||
</div>
|
||
<div class="service-text service-text2">
|
||
<div class="service-icon icon2"></div>
|
||
<div class="service-content">
|
||
<div class="main-title">Child Haircut</div>
|
||
<div class="sub-title-serv">0-12 years old</div>
|
||
</div>
|
||
</div>
|
||
<div class="service-text service-text3">
|
||
<div class="service-icon icon3"></div>
|
||
<div class="service-content">
|
||
<div class="main-title">Beard dying</div>
|
||
<div class="sub-title-serv">beard dying</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="one-third service-part2">
|
||
<div class="service-inner">
|
||
<div class="service service2">
|
||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="one-third service-part3">
|
||
<div class="service-inner">
|
||
<div class="service service3">
|
||
<div class="service-text service-text1">
|
||
<div class="service-icon icon1"></div>
|
||
<div class="service-content">
|
||
<div class="main-title">Traditional shave</div>
|
||
<div class="sub-title-serv">traditional knife shave<br> with hot towel</div>
|
||
</div>
|
||
</div>
|
||
<div class="service-text service-text2">
|
||
<div class="service-icon icon2"></div>
|
||
<div class="service-content">
|
||
<div class="main-title">Men's haircut or Skinfade men's haircut</div>
|
||
<div class="sub-title-serv">fade from skin, that is taper, low, mid or high</div>
|
||
</div>
|
||
</div>
|
||
<div class="service-text service-text3">
|
||
<div class="service-icon icon3"></div>
|
||
<div class="service-content">
|
||
<div class="main-title">Wax</div>
|
||
<div class="sub-title-serv">nose, ear and<br> eyebrow waxing</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- One -->
|
||
|
||
<section id="one" class="wrapper style1">
|
||
<div class="container">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||
<h2>Prices</h2>
|
||
<h4>The price of all hair treatments include hairwash and styling. <br>10% student reduction upon showing ID, available from Monday to Thursday.</h4>
|
||
</header>
|
||
<?php
|
||
$prevousCategory = '';
|
||
|
||
if(is_array($services)){
|
||
foreach($services as $serviceItem){
|
||
if($serviceItem->service_category != $prevousCategory){
|
||
?>
|
||
<div class="prices-category" style="width: 100%;">
|
||
<h4 style="color: #9e8462;"><?php echo $serviceItem->service_category;?></h4>
|
||
</div>
|
||
<?php
|
||
}
|
||
?>
|
||
<div class="one-half">
|
||
<div class="category-content">
|
||
<div class="category-text-left">
|
||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||
</div>
|
||
<div class="category-text-right">
|
||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
$prevousCategory = $serviceItem->service_category;
|
||
}
|
||
}
|
||
?>
|
||
|
||
<?php
|
||
/*
|
||
if(is_array($services)){
|
||
foreach($services as $serviceItem){
|
||
?>
|
||
<div class="one-half">
|
||
<div class="category-content">
|
||
<div class="category-text-left">
|
||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||
</div>
|
||
<div class="category-text-right">
|
||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
*/
|
||
?>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<!-- Two -->
|
||
<section id="two" class="wrapper style2">
|
||
<div class="container">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<img src="<?php echo SITEURL;?>assets/img/barber/ollo.png">
|
||
<h2 class="nyitva">Working Hours</h2>
|
||
<h4>2 free customer parking spaces – subject to availability</h4>
|
||
</header>
|
||
</div>
|
||
<div class="nyitvatartas">
|
||
<div class="about-content">
|
||
<div class="about-text-left">
|
||
<div class="title">Weekdays</div>
|
||
</div>
|
||
<div class="about-text-right">
|
||
<div class="time">10:00 - 18:00</div>
|
||
</div>
|
||
</div>
|
||
<div class="about-content">
|
||
<div class="about-text-left">
|
||
<div class="title">Saturday</div>
|
||
</div>
|
||
<div class="about-text-right">
|
||
<div class="time">10:00 - 16:00</div>
|
||
</div>
|
||
</div>
|
||
<div class="about-content">
|
||
<div class="about-text-left">
|
||
<div class="title">Sunday</div>
|
||
</div>
|
||
<div class="about-text-right">
|
||
<div class="closed">Closed</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|