Skip to content

Commit

Permalink
Update project-3.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@jakub009
jakub009 authored Sep 9, 2024
1 parent 97d0039 commit a3d3b9b
Showing 1 changed file with 154 additions and 64 deletions.
218 changes: 154 additions & 64 deletions project-3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>StayMart</title>

<!-- SEO Meta Tags -->
<meta name="description" content="Profesionálne webové a grafické služby pre váš biznis. StayMart poskytuje komplexné digitálne riešenia vrátane tvorby webstránok, softvéru, dizajnu a optimalizácie." />
<meta name="keywords" content="webové stránky, grafický dizajn, software vývoj, ecommerce riešenia, SEO, branding, digitálne marketing, tvorba loga, front-end, back-end, StayMart" />
<meta name="author" content="Jakub Ševčík" />
<meta name="description" content="Portfolio Template for Developer" />

<link rel="stylesheet" href="css/style.css" />

Expand Down Expand Up @@ -76,11 +72,11 @@
</li>

<li class="header__sm-menu-link">
<a href="./index.html#projects"> Projects </a>
<a href="./index.html#projects"> Služby </a>
</li>

<li class="header__sm-menu-link">
<a href="./index.html#contact"> Contact </a>
<a href="./index.html#contact"> Kontakt </a>
</li>
</ul>
</div>
Expand Down Expand Up @@ -142,19 +138,21 @@ <h1 class="heading-primary">Vitajte v našom kreatívnom svete!</h1>
<section id="about" class="about sec-pad">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-med">
<span class="heading-sec__main">About Me</span>
<span class="heading-sec__main">O nás</span>
<span class="heading-sec__sub">
Kombináciou najnovších technológií a časom overených postupov vytvárame spoľahlivé a vizuálne kvalitné webstránky, zabezpečujúc udržanie najlepšieho mena Vašej spoločnosti.
</span>
</h2>
<div class="about__content">
<div class="about__content-main">
<h3 class="about__content-title">Get to know me!</h3>
<h3 class="about__content-title">Niečo viac o mne!</h3>
<div class="about__content-details">
<p class="about__content-details-para">
Ahoj, volám sa <strong>Jakub</strong> a pracujem ako <strong>Front-end a Back-end Web Developer</strong>. Vytváram <strong>projekty</strong>, navrhujem a upravujem <strong>webové stránky</strong>, a zároveň sa venujem <strong>grafickým úpravám, tvorbe softvéru, návrhu loga a reklamy</strong> – skrátka všetkému, čo je potrebné pre firmy, malé aj veľké obchody. Spolupracujem s <strong>odborníkmi</strong> v tomto odvetví, aby som vám mohol poskytovať <strong>kvalitné služby</strong>. Okrem toho pôsobím aj ako <strong>video editor</strong>.

<strong>Prečo si vybrať nás?</strong> Na platformách ako <strong>Shopify</strong> a iných sú mesačné poplatky, ktoré nemusia byť výhodné pre každého. My vytvárame webové stránky na mieru v <strong>kóde</strong>, čím sa vyhýbame týmto mesačným nákladom. Naši zákazníci tak majú jednu povinnosť menej.


</p>
<p class="about__content-details-para">
<br>
Expand All @@ -179,85 +177,177 @@ <h3 class="about__content-title">My Skills</h3>
<div class="skills__skill">Google ADS</div>
<div class="skills__skill">Adobe Creative</div>
<div class="skills__skill">IOS</div>
<div class="skills__skill">VS Code</div>
<div class="skills__skill">Figma</div>
<div class="skills__skill">Canva</div>
<div class="skills__skill">Tvorba softvéru</div>
<div class="skills__skill">VSCode</div>
<div class="skills__skill">MySQL</div>
<div class="skills__skill">DavinciResolveStudio</div>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="projects sec-pad">
<section id="projects" class="projects sec-pad">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-bg">
<span class="heading-sec__main">Naše služby</span>
<span class="heading-sec__sub">
Každá služba je navrhnutá tak, aby spĺňala jedinečné potreby a požiadavky našich klientov.
</span>
</h2>

<div class="projects__content">
<div class="projects__row">
<div class="projects__row-img-cont">
<img
src="./assets/jpeg/website.jpeg.jpeg"
alt="Software Screenshot"
class="projects__row-img"
loading="lazy"
/>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Web-sites</h3>
<p class="projects__row-content-desc">
Od konceptu po realizáciu – vytvoríme web stránky na mieru, ktoré vás reprezentujú a sú prispôsobené vašim potrebám.
</p>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img
src="./assets/jpeg/software.jpeg.jpeg"
alt="Software Screenshot"
class="projects__row-img"
loading="lazy"
/>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Software</h3>
<p class="projects__row-content-desc">
Vytvárame prispôsobené softvérové riešenia, ktoré optimalizujú vaše obchodné procesy a zvýšia produktivitu.
</p>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img
src="./assets/jpeg/graphic.jpeg.jpeg"
alt="Graphic Design Screenshot"
class="projects__row-img"
loading="lazy"
/>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Graphic Design</h3>
<p class="projects__row-content-desc">
Navrhneme logo, ktoré vystihuje vašu značku a robí silný vizuálny dojem. Od letákov po vizitky – poskytujeme komplexné grafické riešenia pre všetky vaše marketingové potreby. Navrhujeme reklamné kampane, ktoré upútajú pozornosť a dosiahnu vaše obchodné ciele.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact sec-pad dynamicBg">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-bg">
<span class="heading-sec__main">Projects</span>
<span class="heading-sec__sub">
Tu sú niektoré z projektov, na ktorých som pracoval. Všetky projekty vznikli s cieľom prispieť k úspechu našich klientov a ich podnikania.
<h2 class="heading heading-sec heading-sec__mb-med">
<span class="heading-sec__main heading-sec__main--lt">Kontakt</span>
<span class="heading-sec__sub heading-sec__sub--lt">
Napíšte nám a my vám odpíšeme čo najskôr ako to bude možné.
</span>
</h2>
<div class="projects__content">
<div class="projects__row">
<div class="projects__row-img-cont">
<img
src="./assets/png/project1.png"
alt="Software Screenshot"
class="projects__row-img"
<div class="contact__form-container">
<form action="https://formspree.io/f/mjkbzevp" method="POST" class="contact__form">
<div class="contact__form-field">
<label class="contact__form-label" for="name">Name</label>
<input
required
placeholder="Vaše meno"
type="text"
class="contact__form-input"
name="name"
id="name"
/>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Software Development</h3>
<p class="projects__row-content-desc">
Navrhujeme a vytvárame softvér pre firemné a obchodné potreby našich klientov.
</p>
</div>
</div>

<div class="projects__row">
<div class="projects__row-img-cont">
<img
src="./assets/png/project2.png"
alt="Ecommerce Screenshot"
class="projects__row-img"
<div class="contact__form-field">
<label class="contact__form-label" for="email">Email</label>
<input
required
placeholder="Váš email"
type="email"
class="contact__form-input"
name="email"
id="email"
/>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Ecommerce Solutions</h3>
<p class="projects__row-content-desc">
Vytvárame plne funkčné a užívateľsky prívetivé ecommerce webové stránky, ktoré optimalizujú predaj a zlepšujú užívateľský zážitok.
</p>
<div class="contact__form-field">
<label class="contact__form-label" for="message">Message</label>
<textarea
required
cols="30"
rows="10"
class="contact__form-input"
placeholder="Sem napíšte správu"
name="message"
id="message"
></textarea>
</div>
</div>

<div class="projects__row">
<div class="projects__row-img-cont">
<img
src="./assets/png/project3.png"
alt="Website Screenshot"
class="projects__row-img"
/>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Website Design</h3>
<p class="projects__row-content-desc">
Navrhujeme a vyvíjame webové stránky s moderným dizajnom a vysokou funkčnosťou.
</p>
</div>
</div>
<button type="submit" class="btn btn--theme contact__btn">
Send
</button>
</form>
</div>
</div>
</section>
</section>
<footer class="main-footer">
<div class="main-container">
<div class="main-footer__upper">
<div class="main-footer__row main-footer__row-1">
<h2 class="heading heading-sm text-lt">StayMart</h2>
<h2 class="heading heading-sm main-footer__heading-sm">
<span>Social</span>
</h2>
<div class="main-footer__social-cont">

</a>
<a target="_blank" rel="noreferrer" href="https://github.com/jakub009">
<img
class="main-footer__icon"
src="./assets/png/github-ico.png"
alt="icon"
/>
<a target="_blank" rel="noreferrer" href="https://www.youtube.com/channel/UC7Zz0jyYGmen-U1RCb-4vGQ">
<img
class="main-footer__icon"
src="./assets/png/yt-ico.png"
alt="icon"
/>
</a>
<a target="_blank" rel="noreferrer" href="https://www.instagram.com/staymart.eu/">
<img
class="main-footer__icon main-footer__icon--mr-none"
src="./assets/png/insta-ico.png"
alt="icon"
/>
</a>
</div>
</div>
<div class="main-footer__row main-footer__row-2">
<h4 class="heading heading-sm text-lt">Jakub SEVCIK</h4>
<p class="main-footer__short-desc">
Vytvárame moderné riešenia pre váš biznis, ktoré posilňujú vašu značku a vedú k úspechu.
<h3>e-mail - [email protected]</h3>
<h3>phone - +421 919 197 507</h3>
</p>
</div>
</div>

<!-- If you give me some credit or shoutout here by linking to my website, then it will be a big thing for me and will help me a lot :) -->
<div class="main-footer__lower">
&copy; StayMart 2024. Made by
<a rel="noreferrer" target="_blank" href="https://www.instagram.com/jakksev/"
>Jakub Ševčík</a
>
</div>
</div>
</footer>

<script src="./index.js"></script>
</body>
</html>

0 comments on commit a3d3b9b

Please sign in to comment.