Initial commit

This commit is contained in:
Senad Uka
2023-08-19 09:17:34 +02:00
commit 6c04c1bac7
49 changed files with 10618 additions and 0 deletions

44
401.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b367acbd85d" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Protected page</title>
<meta content="Protected page" property="og:title">
<meta content="Protected page" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div class="protected-wrap">
<div class="w-password-page w-form">
<form action="/.wf_auth" method="post" id="email-form" name="email-form" data-name="Email Form" class="protected-form w-password-page">
<h2 class="protected-heading">Protected Page</h2><input type="password" class="text-field w-password-page w-input" autofocus="true" maxlength="256" name="pass" data-name="field" placeholder="Enter your password" id="field"><input type="submit" value="Submit" data-wait="Please wait..." class="button w-password-page w-button">
<div class="status-message cc-error-message w-password-page w-form-fail">
<div>Incorrect password. Please try again.</div>
</div>
<div style="display:none" class="w-password-page w-embed w-script"><input type="hidden" name="path" value="<%WF_FORM_VALUE_PATH%>"><input type="hidden" name="page" value="<%WF_FORM_VALUE_PAGE%>"></div>
<div style="display:none" class="w-password-page w-embed w-script">
<script type="application/javascript">(function _handlePasswordPageOnload() {
if (/[?&]e=1(&|$)/.test(document.location.search)) {
document.querySelector('.w-password-page.w-form-fail').style.display = 'block';
}
})()</script>
</div>
</form>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

37
404.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b0a8ecbd85e" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Not Found</title>
<meta content="Not Found" property="og:title">
<meta content="Not Found" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div class="utility-page-wrap">
<div class="_404-wrap">
<div class="_404-content-wrap">
<div class="heading-jumbo">Page Not Found</div>
<div class="paragraph-bigger cc-bigger-light">The page you are looking for doesn&#x27;t exist or has been moved.</div>
</div>
<a href="index.html" class="button cc-white-button w-inline-block">
<div>Go Back to Safety</div>
</a>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

118
about.html Normal file
View File

@@ -0,0 +1,118 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1bddb4cbd85f" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>About</title>
<meta content="About" property="og:title">
<meta content="About" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo">About Us<br></div>
</div>
</div>
<div class="container">
<div class="motto-wrap">
<div class="heading-jumbo-small">Were a group of creative thinkers who have built a business to change the world.</div>
</div>
<div class="divider"></div>
<div class="about-story-wrap">
<p class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didnt listen. <br><br>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. </p>
</div>
<div class="divider"></div>
</div>
</div>
<div class="section">
<div class="container">
<div class="section-heading-wrap">
<div class="label cc-light">What we are best at</div>
<h2>Our Services</h2>
</div>
<div class="w-layout-grid our-services-grid">
<div id="w-node-ca1212d8-4247-8b87-bc90-543393b118e6-b4cbd85f"><img src="images/Icon-1.svg" width="50" alt="" class="service-icon">
<div class="paragraph-bigger">Support</div>
<div class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</div>
</div>
<div id="w-node-ca1212d8-4247-8b87-bc90-543393b118ec-b4cbd85f"><img src="images/Icon-1_1.svg" width="50" alt="" class="service-icon">
<div class="paragraph-bigger">Strategy</div>
<div class="paragraph-light">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</div>
</div>
<div id="w-node-ca1212d8-4247-8b87-bc90-543393b118f2-b4cbd85f"><img src="images/Icon-3.svg" width="50" alt="" class="service-icon">
<div class="paragraph-bigger">Management</div>
<div class="paragraph-light">Blind texts it is an almost unorthographic life One day however a small line of blind text by the name</div>
</div>
<div id="w-node-ca1212d8-4247-8b87-bc90-543393b118f8-b4cbd85f"><img src="images/Icon-1.svg" width="50" alt="" class="service-icon">
<div class="paragraph-bigger">Events</div>
<div class="paragraph-light">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</div>
</div>
<div id="w-node-ca1212d8-4247-8b87-bc90-543393b118fe-b4cbd85f"><img src="images/Icon-3.svg" width="50" alt="" class="service-icon">
<div class="paragraph-bigger">Training<br></div>
<div class="paragraph-light">Blind texts it is an almost unorthographic life One day however a small line of blind text by the name</div>
</div>
<div id="w-node-ca1212d8-4247-8b87-bc90-543393b11905-b4cbd85f"><img src="images/Icon-2.svg" width="50" alt="" class="service-icon">
<div class="paragraph-bigger">Consulting <br></div>
<div class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</div>
</div>
</div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

97
blog.html Normal file
View File

@@ -0,0 +1,97 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b98dbcbd860" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Blog</title>
<meta content="Blog" property="og:title">
<meta content="Blog" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo">Our Blog<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="section-heading-wrap">
<div class="label cc-light">Aperiam harum</div>
<h2>Our Stories</h2>
</div>
<div class="w-dyn-list">
<div role="list" class="blog-list-wrap w-dyn-items">
<div role="listitem" class="blog-item w-dyn-item">
<a href="#" class="blog-preview-image w-inline-block"></a>
<div class="blog-summary-wrap">
<a href="#" class="blog-heading-link"></a>
<div class="paragraph-light"></div>
<div class="label cc-blog-date"></div>
</div>
</div>
</div>
<div class="status-message cc-no-data w-dyn-empty">
<div>No items found.</div>
</div>
</div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

163
contact.html Normal file
View File

@@ -0,0 +1,163 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b76c4cbd861" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Contact</title>
<meta content="Contact" property="og:title">
<meta content="Contact" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section">
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo">Contact Us<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="w-layout-grid contact-form-grid">
<div id="w-node-_3f61509a-fac7-b0d5-3763-509be705858e-c4cbd861" class="contact-form-wrap">
<div class="contact-form-heading-wrap">
<h2 class="contact-heading">Contact us</h2>
<div class="paragraph-light">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</div>
</div>
<div class="contact-form w-form">
<form data-name="Get In Touch Form" name="wf-form-Get-In-Touch-Form" id="email-form" method="get" class="get-in-touch-form"><label for="name">Name</label><input type="text" class="text-field cc-contact-field w-input" maxlength="256" name="name" data-name="Name" placeholder="Enter your name" id="Name"><label for="Email-2">Email Address</label><input type="email" class="text-field cc-contact-field w-input" maxlength="256" name="Email" data-name="Email" placeholder="Enter your email" id="Email" required=""><label for="Message">Message</label><textarea id="Message" name="Message" placeholder="Hi there, Im reaching out because I think we can collaborate…" maxlength="5000" data-name="Message" class="text-field cc-textarea cc-contact-field w-input"></textarea><input type="submit" value="Submit" data-wait="Please wait..." class="button w-button"></form>
<div class="status-message cc-success-message w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="status-message cc-error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
<div id="w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-c4cbd861">
<div class="details-wrap">
<div class="label">Our offices </div>
<div class="paragraph-light">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</div>
</div>
<div class="details-wrap">
<div class="label">OUR OFFICE</div>
<div class="paragraph-light">908 Broadway, <br>San Francisco,<br>CA 94133</div>
</div>
<div class="details-wrap">
<div class="label">WORKING HOURS</div>
<div class="paragraph-light">9AM - 3PM, Mon to Fri</div>
</div>
<div class="details-wrap">
<div class="label">CONTACT</div>
<a href="mailto:contact@business.com?subject=You&#x27;ve%20got%20mail!" class="contact-email-link">contact@business.com</a>
<div class="paragraph-light">01 (650) 658 6822</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div data-enable-scroll="true" data-enable-touch="true" data-widget-latlng="" data-widget-tooltip="" data-widget-style="roadmap" data-widget-zoom="12" title="" class="map w-widget w-widget-map"></div>
</div>
<div class="section">
<div class="container">
<div class="section-heading-wrap">
<div class="label cc-light">What we are best at</div>
<h2>Our Services</h2>
</div>
<div class="w-layout-grid our-contacts">
<div id="w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb08-c4cbd861">
<div class="contact-team-pic"></div>
<div class="contact-team-name-wrap">
<div class="paragraph-bigger">Amanda Peterson</div>
<div class="paragraph-light">CEO</div>
</div>
<div class="divider"></div>
<div class="contact-team-details-wrap">
<a href="mailto:ceo@business.com?subject=You&#x27;ve%20got%20mail!" class="contact-email-link">ceo@business.com</a>
<div class="paragraph-light">01 (650) 658 6823</div>
</div>
</div>
<div id="w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb15-c4cbd861">
<div class="contact-team-pic"></div>
<div class="contact-team-name-wrap">
<div class="paragraph-bigger">Jason Smith</div>
<div class="paragraph-light">CTO</div>
</div>
<div class="divider"></div>
<div class="contact-team-details-wrap">
<a href="mailto:cto@business.com?subject=You&#x27;ve%20got%20mail!" class="contact-email-link">cto@business.com</a>
<div class="paragraph-light">01 (650) 658 6824</div>
</div>
</div>
<div id="w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb22-c4cbd861">
<div class="contact-team-pic"></div>
<div class="contact-team-name-wrap">
<div class="paragraph-bigger">Michael Fassbender</div>
<div class="paragraph-light">Design Director</div>
</div>
<div class="divider"></div>
<div class="contact-team-details-wrap">
<a href="mailto:design@business.com?subject=You&#x27;ve%20got%20mail!" class="contact-email-link">design@business.com</a>
<div class="paragraph-light">01 (650) 658 6825</div>
</div>
</div>
</div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

355
css/normalize.css vendored Normal file
View File

@@ -0,0 +1,355 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
* specificity and defer to the .w-button selector
*/
button,
html input[type="button"],
input[type="reset"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
* 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
* (similar to normalize.css >=4.0.0)
*/
input[type='search'] {
-webkit-appearance: none;
/* 1 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}

1832
css/webflow.css Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

75
detail_post.html Normal file
View File

@@ -0,0 +1,75 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b5b5dcbd862" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Zdravo Stopalo</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section">
<div class="container cc-blog-detail">
<div class="blog-detail-header-wrap">
<h1></h1>
<div class="label cc-blog-date"></div>
</div>
<div class="detail-header-image"></div>
<div class="rich-text w-richtext"></div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

26
images/Icon-1.svg Normal file
View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>Icon 1</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
<stop stop-color="#373737" offset="0%"></stop>
<stop stop-color="#494949" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-2">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icon-1">
<rect id="Shape" fill="#000000" x="0" y="0" width="100" height="100" rx="10"></rect>
<g id="Shape" transform="translate(25.000000, 25.000000)">
<rect fill="url(#linearGradient-1)" opacity="0.519999981" x="5" y="0" width="45" height="45" rx="3"></rect>
<rect fill="url(#linearGradient-2)" x="0" y="15" width="30" height="30" rx="3"></rect>
<rect fill="url(#linearGradient-1)" opacity="0.519999981" x="22" y="36" width="16" height="16" rx="3"></rect>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

26
images/Icon-1_1.svg Normal file
View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>Icon 1</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-1">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-2">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icon-1">
<rect id="Shape" fill="#000000" x="0" y="0" width="100" height="100" rx="10"></rect>
<g id="Shape" transform="translate(25.000000, 25.000000)">
<rect fill="url(#linearGradient-1)" opacity="0.696707589" x="5" y="0" width="45" height="45" rx="4"></rect>
<rect fill="url(#linearGradient-2)" x="0" y="15" width="30" height="30" rx="4"></rect>
<rect fill="url(#linearGradient-2)" x="22" y="36" width="16" height="16" rx="4"></rect>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

25
images/Icon-2.svg Normal file
View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>Icon 2</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-1">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-2">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icon-2">
<rect id="Shape" fill="#000000" x="0" y="0" width="100" height="100" rx="10"></rect>
<g id="Shape" transform="translate(24.000000, 24.000000)">
<rect fill="url(#linearGradient-1)" x="0" y="0" width="34" height="34" rx="4"></rect>
<circle fill="url(#linearGradient-2)" cx="33.5" cy="33.5" r="18.5"></circle>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

30
images/Icon-3.svg Normal file
View File

@@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>Icon 3</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-1">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-2">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-3">
<stop stop-color="#DCDCDC" offset="0%"></stop>
<stop stop-color="#E3E0E0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icon-3">
<rect id="Shape" fill="#000000" x="0" y="0" width="100" height="100" rx="10"></rect>
<g id="Shape" transform="translate(20.000000, 30.000000)">
<path d="M18.2903571,41 L58.7102996,41 C59.4097631,41 59.9767904,40.4329728 59.9767904,39.7335092 C59.9767904,39.4925516 59.9080522,39.2565941 59.7786449,39.0533349 L39.7425373,7.58275607 C39.3668873,6.99272526 38.5840484,6.81893522 37.9940176,7.19458516 C37.840623,7.29224558 37.7100578,7.42179339 37.6112003,7.57441926 L17.2273655,39.044998 C16.8471113,39.6320721 17.0147719,40.4162466 17.601846,40.7965009 C17.8069158,40.9293268 18.0460287,41 18.2903571,41 Z" fill="url(#linearGradient-1)"></path>
<path d="M1.2813835,41 L29.719092,41 C30.4185556,41 30.9855828,40.4329728 30.9855828,39.7335092 C30.9855828,39.4954108 30.9184651,39.2621346 30.7919295,39.0604427 L16.69873,16.5965236 C16.3270056,16.0040118 15.5453377,15.8250282 14.952826,16.1967526 C14.7940406,16.2963699 14.6593475,16.4299915 14.5584651,16.5879761 L0.213956113,39.0518952 C-0.162488903,39.6414191 0.0102456327,40.4244916 0.599769497,40.8009366 C0.803343561,40.9309304 1.03984512,41 1.2813835,41 Z" fill="url(#linearGradient-2)"></path>
<circle fill="url(#linearGradient-3)" opacity="0.200000003" cx="24.5" cy="5.5" r="5.5"></circle>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 353 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 757 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

BIN
images/Untitled-design.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
images/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 532 B

BIN
images/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 B

48
images/placeholder-1.svg Normal file
View File

@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1306px" height="833px" viewBox="0 0 1306 833" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>placeholder 1</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0.5" y="0" width="1305" height="833"></rect>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-3">
<stop stop-color="#505050" offset="0%"></stop>
<stop stop-color="#6C6C6C" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-4">
<stop stop-color="#505050" offset="0%"></stop>
<stop stop-color="#6C6C6C" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-5">
<stop stop-color="#222222" offset="0%"></stop>
<stop stop-color="#1F1F1F" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-6">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-7">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-8">
<stop stop-color="#3F3F3F" offset="0%"></stop>
<stop stop-color="#000000" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="placeholder-1">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Shape" fill="#000000" xlink:href="#path-1"></use>
<circle id="Shape" fill="url(#linearGradient-3)" opacity="0.345354353" mask="url(#mask-2)" cx="434" cy="489" r="359"></circle>
<circle id="Shape" fill="url(#linearGradient-3)" opacity="0.400000006" mask="url(#mask-2)" cx="434" cy="489" r="199"></circle>
<ellipse id="Shape" fill="url(#linearGradient-4)" mask="url(#mask-2)" cx="434" cy="489" rx="90" ry="90.0540541"></ellipse>
<path d="M-47.721811,832.516216 C279.456218,832.516216 458.30879,389 797.806265,389 C1137.30374,389 1350.26387,832.516216 1647.7802,832.516216 C1945.29653,832.516216 -254.793721,832.516216 -47.721811,832.516216 Z" id="Shape" fill="url(#linearGradient-5)" mask="url(#mask-2)"></path>
<path d="M-638.274807,837.018919 C-336.101317,837.018919 -170.91753,447.535135 142.633895,447.535135 C456.18532,447.535135 652.87,837.018919 927.648684,837.018919 C1202.42737,837.018919 -829.521273,837.018919 -638.274807,837.018919 Z" id="Shape" fill="url(#linearGradient-6)" mask="url(#mask-2)"></path>
<path d="M490.957482,832.516216 C786.773886,832.516216 948.482558,443.032432 1255.43753,443.032432 C1562.3925,443.032432 1754.93935,832.516216 2023.93728,832.516216 C2292.93521,832.516216 303.734434,832.516216 490.957482,832.516216 Z" id="Shape" fill="url(#linearGradient-7)" opacity="0.800000012" mask="url(#mask-2)"></path>
<path d="M-641.291017,933.827027 C-410.740696,933.827027 -284.709869,582.616216 -45.4784866,582.616216 C193.752895,582.616216 343.818065,933.827027 553.466878,933.827027 C763.115692,933.827027 -787.206974,933.827027 -641.291017,933.827027 Z" id="Shape" fill="url(#linearGradient-8)" mask="url(#mask-2)"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1840px" height="833px" viewBox="0 0 1840 833" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>portfolio 1 - wide</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="1840" height="833"></rect>
<linearGradient x1="-2.22044605e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-3">
<stop stop-color="#373737" offset="0%"></stop>
<stop stop-color="#494949" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="100%" x2="50%" y2="-2.48949813e-15%" id="linearGradient-4">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-5">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="portfolio-1---wide">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Shape" fill="#000000" xlink:href="#path-1"></use>
<path d="M-841.347634,833 C-564.649577,833 -413.391991,412 -126.275243,412 C160.841506,412 340.944229,833 592.557062,833 C844.169895,833 -1016.47062,833 -841.347634,833 Z" id="Shape" fill="url(#linearGradient-3)" opacity="0.519999981" mask="url(#mask-2)"></path>
<path d="M1235.65237,421 C1512.35042,421 1663.60801,2.61911819e-14 1950.72476,0 C2237.84151,0 2417.94423,421 2669.55706,421 C2921.1699,421 1060.52938,421 1235.65237,421 Z" id="Shape" fill="url(#linearGradient-3)" opacity="0.519999981" mask="url(#mask-2)" transform="translate(1958.500000, 210.500000) scale(1, -1) translate(-1958.500000, -210.500000) "></path>
<rect id="Shape" fill="url(#linearGradient-4)" mask="url(#mask-2)" x="865" y="239" width="500" height="895" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-5)" opacity="0.800000012" mask="url(#mask-2)" x="475" y="119" width="500" height="895" rx="6.80000019"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1840px" height="833px" viewBox="0 0 1840 833" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>portfolio 2 - wide</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="1840" height="833"></rect>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-3">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-4">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="portfolio-2---wide">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Shape" fill="#000000" xlink:href="#path-1"></use>
<g id="Shape" mask="url(#mask-2)">
<g transform="translate(920.000000, 416.000000) rotate(25.000000) translate(-920.000000, -416.000000) translate(-190.000000, -84.000000)">
<rect fill="url(#linearGradient-3)" x="330" y="0" width="660" height="440" rx="6.80000019"></rect>
<rect fill="url(#linearGradient-3)" x="0" y="560" width="660" height="440" rx="6.80000019"></rect>
<rect fill="url(#linearGradient-4)" opacity="0.800000012" x="1110" y="0" width="660" height="440" rx="6.80000019"></rect>
<rect fill="url(#linearGradient-4)" opacity="0.800000012" x="780" y="560" width="660" height="440" rx="6.80000019"></rect>
<rect fill="url(#linearGradient-3)" x="1560" y="560" width="660" height="440" rx="6.80000019"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1840px" height="833px" viewBox="0 0 1840 833" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>portfolio 3 - wide</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="1840" height="833"></rect>
<linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-3">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-4">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-5">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="portfolio-3---wide">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Shape" fill="#000000" xlink:href="#path-1"></use>
<rect id="Shape" fill="url(#linearGradient-3)" opacity="0.800000012" mask="url(#mask-2)" x="498" y="170" width="845" height="663" rx="6.80000019"></rect>
<circle id="Shape" fill="url(#linearGradient-4)" opacity="0.400000006" mask="url(#mask-2)" cx="1826" cy="482" r="169"></circle>
<circle id="Shape" fill="url(#linearGradient-5)" mask="url(#mask-2)" cx="1500" cy="482" r="82"></circle>
<circle id="Shape" fill="url(#linearGradient-5)" mask="url(#mask-2)" cx="186" cy="482" r="82"></circle>
<circle id="Shape" fill="url(#linearGradient-5)" mask="url(#mask-2)" cx="383" cy="482" r="40"></circle>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1840px" height="833px" viewBox="0 0 1840 833" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>portfolio 4 - wide</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="1840" height="833"></rect>
<linearGradient x1="100%" y1="50%" x2="-2.22044605e-14%" y2="50%" id="linearGradient-3">
<stop stop-color="#393939" offset="0%"></stop>
<stop stop-color="#303030" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-4">
<stop stop-color="#565656" offset="0%"></stop>
<stop stop-color="#7A7A7A" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustrations-Dark-V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="portfolio-4---wide">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Shape" fill="#000000" xlink:href="#path-1"></use>
<rect id="Shape" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="130" y="100" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="950" y="100" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-4)" opacity="0.800000012" mask="url(#mask-2)" x="540" y="-207" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-4)" opacity="0.800000012" mask="url(#mask-2)" x="1360" y="-207" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-4)" opacity="0.800000012" mask="url(#mask-2)" x="540" y="293" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-4)" opacity="0.800000012" mask="url(#mask-2)" x="1360" y="293" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="130" y="600" width="350" height="440" rx="6.80000019"></rect>
<rect id="Shape" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="950" y="600" width="350" height="440" rx="6.80000019"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

1
images/site.webmanifest Normal file
View File

@@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/zdravostopalo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

154
index.html Normal file
View File

@@ -0,0 +1,154 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b0e14cbd857" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Zdravo Stopalo - Medicinska pedikura, urasli nokat, gljivice</title>
<meta content="Zdravo Stopalo - Medicinska Pedikura" property="og:title">
<meta content="https://www.zdravostopalo.com/images/zdravostopalo-p-500.png" property="og:image">
<meta content="Zdravo Stopalo - Medicinska Pedikura" property="twitter:title">
<meta content="https://www.zdravostopalo.com/images/zdravostopalo-p-500.png" property="twitter:image">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="vim" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/apple-touch-icon.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" aria-current="page" class="logo-link w-nav-brand w--current"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#kontakt-sekcija" class="button cc-contact-us w-inline-block">
<div>Rezerviši termin</div>
</a>
</div>
</div>
<div class="section cc-store-home-wrap">
<div class="intro-header">
<div class="intro-content cc-homepage">
<div class="intro-text">
<div class="heading-jumbo">Salon za medicinsku pedikuru</div>
<div class="paragraph-bigger cc-bigger-white-light">Sve sto Vaša stopala trebaju - na jednom mjestu.<br></div>
</div>
<a href="#kontakt-sekcija" class="button cc-jumbo-button cc-jumbo-white w-inline-block">
<div>Više informacija</div>
</a>
</div>
</div>
<div class="container">
<div class="motto-wrap">
<div class="heading-jumbo-small">Cjenovnik<br></div>
</div>
<div class="divider"></div>
<div class="home-content-wrap">
<div class="w-layout-grid about-grid"><img src="images/Screenshot-2022-06-18-at-07.52.57.png" id="w-node-_86e64837-0616-515b-4568-76c147234d3f-14cbd857" srcset="images/Screenshot-2022-06-18-at-07.52.57-p-500.png 500w, images/Screenshot-2022-06-18-at-07.52.57-p-800.png 800w, images/Screenshot-2022-06-18-at-07.52.57.png 940w" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, 94vw" alt="Estetska pedikura (60min) 35 KM
Medicinska pedikura I (60min)
Kupka, rezanje noktiju, pedikura kurije oko, natisci, urasli nokti,dijabetičko stopalo, zadebljala koža,raspucala koža (pojedinačno) 60KM Medicinska pedikura II (90min)vrlo problematično stopalo 80KMKontrola (15min)djelimična njega stopala, preglednakon medicinske pedicure20KMVanjska pedikura (40-60min)usluga na terenu samo za starije, teškopokretne osobe80KMProtetika noktaNadomještanje jednog noktaveća ploča (do25min)Nadomještanje jednog noktamanja ploča (do 25min)Izrada i postavljanje kopče za uraslinokat (60min)Nadogradnja već postojeće kopče(45min)Rezanje nokata (30min)60KM30KM200KM65KM10KMSkidanje trajnog gela / laka(20min) 15KMMasaža stopala (20min) 20KMParafin kupka (20min)preporuka nakon pedikure 20KMPaket usluga (90min)KRALJEVSKA PEDIKURAestetska pedikura+masaža stopala+parafinska kupka)70KMSavjeti o njezi stopala gratisEdukacija budućih medicinskihpedikerapodogovoruProdaja medicinskih ikozmetičkih proizvoda za njegustopala
"></div>
<div class="w-layout-grid about-grid cc-about-2">
<div id="w-node-_86e64837-0616-515b-4568-76c147234d41-14cbd857">
<div class="home-section-wrap"></div>
</div><img src="images/Screenshot-2022-06-18-at-08.05.26.png" id="w-node-_86e64837-0616-515b-4568-76c147234d4c-14cbd857" srcset="images/Screenshot-2022-06-18-at-08.05.26-p-500.png 500w, images/Screenshot-2022-06-18-at-08.05.26-p-800.png 800w, images/Screenshot-2022-06-18-at-08.05.26.png 936w" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, 94vw" alt="Aesthetic pedicure (60min) 35KM
Medical pedicure I (60min)
Bath, nail cutting, pedicure - eye curls,
prints, ingrown nails, diabetic foot,
thickened skin, cracked skin (singles)
60KM
Medical pedicure II (90min)
very problematic foot
80KM
Control (15min)
partial foot care, examination after
medical pedicure
20KM
Outdoor pedicure (40-60min)
field service only for elderly immobile
people
80KM
Nail prosthetics
Replacement of one nail (larger plate)
(up to 25min)
Replacement of one nail (smaller plate)
(up to 25min)
Making and installing clasps for ingrown
nails (60min)
Upgrade existing buckles
(45min)
Nail cutting (30min)
60KM
30KM
200KM
65KM
10KM
Removing permanent gel / nail
polish (20min)
15KM
Foot massage (20min) 20KM
Paraffin bath (20min)
recommendation after pedicure
20KM
Package of services (90min)
ROYAL PEDICURE
aesthetic pedicure+foot
massage+paraffin bath
70KM
Foot care tips gratis
Education of future medical
pedicurists
po
dogovoru
Sales of medical and cosmetic
foot care products">
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="blog-heading"></div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

4487
js/webflow.js Normal file

File diff suppressed because it is too large Load Diff

105
projects.html Normal file
View File

@@ -0,0 +1,105 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1beacbcbd866" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Projects</title>
<meta content="Projects" property="og:title">
<meta content="Projects" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo">Our work<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="section-heading-wrap">
<div class="label cc-light">Our Work</div>
<h2>Team projects</h2>
</div>
<div class="w-layout-grid projects-grid">
<div id="w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cdc-cbcbd866">
<a href="work/project-1.html" class="project-cover-link w-inline-block"><img src="images/portfolio-1---wide.svg" alt="" class="project-cover-pic"></a>
<div class="project-name-wrap">
<a href="work/project-1.html" class="project-name-link">Project #1</a>
<div class="paragraph-light">Art direction</div>
</div>
</div>
<div id="w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38ce3-cbcbd866">
<a href="work/project-2.html" class="project-cover-link w-inline-block"><img src="images/portfolio-2---wide.svg" alt="" class="project-cover-pic"></a>
<div class="project-name-wrap">
<a href="work/project-2.html" class="project-name-link">Project #2</a>
<div class="paragraph-light">Product Design</div>
</div>
</div>
<div id="w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cea-cbcbd866">
<a href="work/project-3.html" class="project-cover-link w-inline-block"><img src="images/portfolio-3---wide.svg" alt="" class="project-cover-pic"></a>
<div class="project-name-wrap">
<a href="work/project-3.html" class="project-name-link">Project #3</a>
<div class="paragraph-light">Animation</div>
</div>
</div>
</div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

0
sitemap.xml Normal file
View File

106
styleguide.html Normal file
View File

@@ -0,0 +1,106 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b52a9cbd867" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Styleguide</title>
<meta content="Styleguide" property="og:title">
<meta content="Styleguide" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section">
<div class="styleguide-header-wrap">
<div class="heading-jumbo">Styleguide</div>
<div class="paragraph-bigger cc-bigger-light">Source of truth of this template.</div>
</div>
<div class="container">
<div class="styleguide-content-wrap">
<div class="styleguide-block">
<div class="label cc-styleguide-label">Headings</div>
<div class="heading-jumbo">Heading Jumbo</div>
<div class="heading-jumbo-small">Heading Jumbo</div>
<div class="heading-jumbo-tiny">Heading Jumbo</div>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</div>
<div class="divider"></div>
<div class="styleguide-block">
<div class="label cc-styleguide-label">Paragraphs &amp; Links</div>
<p class="paragraph-bigger">Paragraph-bigger</p>
<p>Paragraph</p>
<p class="paragraph-light">Paragraph-de-emphasized</p>
<p class="paragraph-small">Paragraph-smaller</p>
<p class="paragraph-tiny">Paragraph-tiny</p>
<div class="label">Label</div>
<a href="#">A text link</a>
</div>
<div class="divider"></div>
<div class="styleguide-block">
<div class="label cc-styleguide-label">Buttons &amp; Form Elements</div>
<div class="styleguide-button-wrap">
<a href="#" class="button w-inline-block">
<div>Explore</div>
</a>
</div>
<div class="styleguide-button-wrap">
<a href="#" class="button cc-jumbo-button w-inline-block">
<div>Explore</div>
</a>
</div>
</div>
<div class="divider"></div>
<div class="styleguide-block">
<div class="label cc-styleguide-label">Rich Text Element</div>
<div class="rich-text w-richtext">
<h2>Whats a Rich Text element?</h2>
<p>The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. </p>
<blockquote>The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.</blockquote>
<h4>Static and dynamic content editing</h4>
<p>A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!</p>
<figure style="max-width:1306px" class="w-richtext-align-fullwidth w-richtext-figure-type-image">
<div><img src="images/placeholder-1.svg" alt=""></div>
</figure>
<h4>How to customize formatting for each rich text</h4>
<p>Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the &quot;When inside of&quot; nested selector system.</p>
<ul role="list">
<li>The rich text element allows you to create and format headings</li>
<li>Headings, paragraphs, blockquotes, figures, images, and figure captions</li>
<li>A rich text element can be used with static or dynamic content.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

126
team.html Normal file
View File

@@ -0,0 +1,126 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1bd1eecbd868" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Team</title>
<meta content="Team" property="og:title">
<meta content="Team" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="index.html" class="logo-link w-nav-brand"><img width="182" srcset="images/zdravostopalo-p-500.png 500w, images/zdravostopalo.png 842w" src="images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="intro-header cc-subpage">
<div class="intro-content">
<div class="heading-jumbo">Team<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="section-heading-wrap">
<div class="label cc-light">Our people<br></div>
<h2>Our world-class team<br></h2>
</div>
<div class="w-layout-grid team-members">
<div id="w-node-c28cc763-f708-1e61-f196-6bd9fce9803c-eecbd868">
<div class="team-pic"></div>
<div class="team-member-title-wrap">
<div class="team-member-name">Michael Fassbender</div>
<div class="paragraph-light">CEO</div>
</div>
</div>
<div id="w-node-c28cc763-f708-1e61-f196-6bd9fce98043-eecbd868">
<div class="team-pic"></div>
<div class="team-member-title-wrap">
<div class="team-member-name">Jason Smith</div>
<div class="paragraph-light">Product Designer</div>
</div>
</div>
<div id="w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-eecbd868">
<div class="team-pic"></div>
<div class="team-member-title-wrap">
<div class="team-member-name">Amanda Peterson</div>
<div class="paragraph-light">Design Director</div>
</div>
</div>
<div id="w-node-c28cc763-f708-1e61-f196-6bd9fce98051-eecbd868">
<div class="team-pic"></div>
<div class="team-member-title-wrap">
<div class="team-member-name">Billy Maxwell</div>
<div class="paragraph-light">Lead Developer</div>
</div>
</div>
<div id="w-node-c28cc763-f708-1e61-f196-6bd9fce98058-eecbd868">
<div class="team-pic"></div>
<div class="team-member-title-wrap">
<div class="team-member-name">Joshua Harris</div>
<div class="paragraph-light">CTO</div>
</div>
</div>
<div id="w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-eecbd868">
<div class="team-pic"></div>
<div class="team-member-title-wrap">
<div class="team-member-name">Esther Ford</div>
<div class="paragraph-light">Recruiter</div>
</div>
</div>
</div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

100
work/project-1.html Normal file
View File

@@ -0,0 +1,100 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b6017cbd863" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Project 1</title>
<meta content="Project 1" property="og:title">
<meta content="Project 1" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize.css" rel="stylesheet" type="text/css">
<link href="../css/webflow.css" rel="stylesheet" type="text/css">
<link href="../css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="../images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="../index.html" class="logo-link w-nav-brand"><img width="182" srcset="../images/zdravostopalo-p-500.png 500w, ../images/zdravostopalo.png 842w" src="../images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="../images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="project-overview-header">
<div class="intro-content">
<div class="heading-jumbo">Project #1<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="w-layout-grid project-details-grid">
<div id="w-node-_421df62a-c217-12af-eee8-27f88a387918-17cbd863">
<div class="details-wrap">
<div class="label">DESCRIPTION</div>
<div class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast.</div>
</div>
<div class="details-wrap">
<div class="label">When</div>
<div class="paragraph-light">January 2017</div>
</div>
<div class="details-wrap">
<div class="label">Who</div>
<div class="paragraph-light">Jason Davis, John Anderson, Mirco Cattabriga, Aaron Jones, Amanda Johnson, Steve McQueen</div>
</div>
</div>
<div id="w-node-_421df62a-c217-12af-eee8-27f88a387928-17cbd863" class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. </div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="project-pics"><img src="../images/portfolio-2---wide.svg" width="920" alt="" class="detail-image"><img src="../images/portfolio-1---wide.svg" width="920" alt="" class="detail-image"><img src="../images/portfolio-4---wide.svg" width="920" alt="" class="detail-image"></div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="../js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

100
work/project-2.html Normal file
View File

@@ -0,0 +1,100 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b8c13cbd864" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Project 2</title>
<meta content="Project 2" property="og:title">
<meta content="Project 2" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize.css" rel="stylesheet" type="text/css">
<link href="../css/webflow.css" rel="stylesheet" type="text/css">
<link href="../css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="../images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="../index.html" class="logo-link w-nav-brand"><img width="182" srcset="../images/zdravostopalo-p-500.png 500w, ../images/zdravostopalo.png 842w" src="../images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="../images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="project-overview-header cc-project-2-header">
<div class="intro-content">
<div class="heading-jumbo">Project #2<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="w-layout-grid project-details-grid">
<div id="w-node-_421df62a-c217-12af-eee8-27f88a387918-13cbd864">
<div class="details-wrap">
<div class="label">DESCRIPTION</div>
<div class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast.</div>
</div>
<div class="details-wrap">
<div class="label">When</div>
<div class="paragraph-light">January 2017</div>
</div>
<div class="details-wrap">
<div class="label">Who</div>
<div class="paragraph-light">Jason Davis, John Anderson, Mirco Cattabriga, Aaron Jones, Amanda Johnson, Steve McQueen</div>
</div>
</div>
<div id="w-node-_421df62a-c217-12af-eee8-27f88a387928-13cbd864" class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. </div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="project-pics"><img src="../images/portfolio-2---wide.svg" width="920" alt="" class="detail-image"><img src="../images/portfolio-1---wide.svg" width="920" alt="" class="detail-image"><img src="../images/portfolio-4---wide.svg" width="920" alt="" class="detail-image"></div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="../js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>

100
work/project-3.html Normal file
View File

@@ -0,0 +1,100 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Oct 19 2022 12:02:09 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62ad64fe52fa1b6e40cbd865" data-wf-site="62ad64fd52fa1b40f3cbd854">
<head>
<meta charset="utf-8">
<title>Project 3</title>
<meta content="Project 3" property="og:title">
<meta content="Project 3" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize.css" rel="stylesheet" type="text/css">
<link href="../css/webflow.css" rel="stylesheet" type="text/css">
<link href="../css/zdravo-stopalo.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="../images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<a href="../index.html" class="logo-link w-nav-brand"><img width="182" srcset="../images/zdravostopalo-p-500.png 500w, ../images/zdravostopalo.png 842w" src="../images/zdravostopalo.png" sizes="(max-width: 479px) 100vw, 182px" alt="" class="logo-image"></a>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
<div class="menu-button w-nav-button"><img width="22" src="../images/menu-icon_1menu-icon.png" alt="" class="menu-icon"></div>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>REzerviši termin</div>
</a>
</div>
</div>
<div class="section cc-home-wrap">
<div class="project-overview-header cc-project-3-header">
<div class="intro-content">
<div class="heading-jumbo">Project #3<br></div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="w-layout-grid project-details-grid">
<div id="w-node-_421df62a-c217-12af-eee8-27f88a387918-40cbd865">
<div class="details-wrap">
<div class="label">DESCRIPTION</div>
<div class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast.</div>
</div>
<div class="details-wrap">
<div class="label">When</div>
<div class="paragraph-light">January 2017</div>
</div>
<div class="details-wrap">
<div class="label">Who</div>
<div class="paragraph-light">Jason Davis, John Anderson, Mirco Cattabriga, Aaron Jones, Amanda Johnson, Steve McQueen</div>
</div>
</div>
<div id="w-node-_421df62a-c217-12af-eee8-27f88a387928-40cbd865" class="paragraph-light">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. <br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. </div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="project-pics"><img src="../images/portfolio-2---wide.svg" width="920" alt="" class="detail-image"><img src="../images/portfolio-1---wide.svg" width="920" alt="" class="detail-image"><img src="../images/portfolio-4---wide.svg" width="920" alt="" class="detail-image"></div>
</div>
</div>
<div id="kontakt-sekcija" class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div class="div-block">
<div class="cta-text">
<div class="heading-jumbo-small">Telefon / Viber<br></div>
<div class="paragraph-bigger cc-bigger-light">061 266 088<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Adresa<br></div>
<div class="paragraph-bigger cc-bigger-light">Trg Heroja 17<br>71000 Sarajevo<br></div>
</div>
<div class="cta-text">
<div class="heading-jumbo-small">Email<br></div>
<div class="paragraph-bigger cc-bigger-light">pedikura@zdravostopalo.com<br><br></div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="footer-wrap">
<a href="https://webflow.com/" target="_blank" class="webflow-link w-inline-block">
<div class="paragraph-tiny">Copyright (c) 2022 Zdravo Stopalo DOO, Trg Heroja 17, 71000 Sarajevo</div>
</a>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62ad64fd52fa1b40f3cbd854" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="../js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>