first commit
This commit is contained in:
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.vscode/ftp-kr.sync.cache.json
|
||||
17
.vscode/ftp-kr.json
vendored
Normal file
17
.vscode/ftp-kr.json
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"host": "ostal.pl",
|
||||
"username": "ostal",
|
||||
"password": "5vDWBthWuT",
|
||||
"remotePath": "/domains/ostal.pl/public_html/",
|
||||
"protocol": "ftp",
|
||||
"port": 0,
|
||||
"fileNameEncoding": "utf8",
|
||||
"autoUpload": true,
|
||||
"autoDelete": false,
|
||||
"autoDownload": false,
|
||||
"ignoreRemoteModification": true,
|
||||
"ignore": [
|
||||
".git",
|
||||
"/.vscode"
|
||||
]
|
||||
}
|
||||
17
.vscode/settings.json
vendored
Normal file
17
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"liveSassCompile.settings.formats": [
|
||||
{
|
||||
"format": "compressed",
|
||||
"extensionName": ".css",
|
||||
"savePath": "",
|
||||
"savePathSegmentKeys": null,
|
||||
"savePathReplaceSegmentsWith": null
|
||||
}
|
||||
],
|
||||
"liveSassCompile.settings.generateMap": true,
|
||||
"liveSassCompile.settings.autoprefix": "defaults",
|
||||
"liveSassCompile.settings.watchOnLaunch": true,
|
||||
"liveSassCompile.settings.includeItems": [
|
||||
"wp-content/themes/ostal_WP/css/custom.scss"
|
||||
]
|
||||
}
|
||||
12
.vscode/sftp.json
vendored
Normal file
12
.vscode/sftp.json
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"name": "ostal.pl",
|
||||
"host": "ostal.pl",
|
||||
"protocol": "ftp",
|
||||
"port": 21,
|
||||
"username": "ostal",
|
||||
"password": "5vDWBthWuT",
|
||||
"remotePath": "/domains/ostal.pl/public_html/",
|
||||
"uploadOnSave": false,
|
||||
"useTempFile": false,
|
||||
"openSsh": false
|
||||
}
|
||||
65
konfigurator-mail.php
Normal file
65
konfigurator-mail.php
Normal file
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
session_start();
|
||||
require_once 'phpmailer/class.phpmailer.php';
|
||||
require_once 'phpmailer/class.smtp.php';
|
||||
|
||||
function send_email( $email, $reply, $subject, $text )
|
||||
{
|
||||
$mail = new PHPMailer;
|
||||
$mail -> IsSMTP();
|
||||
$mail -> SMTPAuth = true;
|
||||
$mail -> Host = 'mail.ostal.pl';
|
||||
$mail -> Port = 25;
|
||||
$mail -> Username = 'konfigurator@ostal.pl';
|
||||
$mail -> Password = 'x6rpeUG5tW';
|
||||
$mail -> CharSet = "UTF-8";
|
||||
$mail -> SMTPOptions = array(
|
||||
'ssl' => array(
|
||||
'verify_peer' => false,
|
||||
'verify_peer_name' => false,
|
||||
'allow_self_signed' => true
|
||||
)
|
||||
);
|
||||
$mail -> From = 'konfigurator@ostal.pl';
|
||||
$mail -> FromName = 'Ostal';
|
||||
$mail -> addAddress( $email, $email );
|
||||
$mail -> addReplyTo( $reply, $reply );
|
||||
$mail -> isHTML( true );
|
||||
$mail -> Subject = $subject;
|
||||
$mail -> Body = $text;
|
||||
return $mail -> send();
|
||||
}
|
||||
|
||||
$data = json_decode(file_get_contents('php://input'), true);
|
||||
$configData = $data['configData'];
|
||||
|
||||
$to = 'kontakt@ostal.pl';
|
||||
$subject = 'ostal.pl - Konfigurator';
|
||||
$message = '<p>' . $configData['step_1'] . '</p>';
|
||||
|
||||
$message .= '<p>Wymiary</p>';
|
||||
$message .= '<ul>';
|
||||
$message .= '<li>Długość: ' . $configData['step_2']['height'] . 'mm </li>';
|
||||
$message .= '<li>Szerokość: ' . $configData['step_2']['length'] . 'mm </li>';
|
||||
$message .= '<li>Wysokość: ' . $configData['step_2']['width'] . 'mm </li>';
|
||||
$message .= '</ul>';
|
||||
|
||||
$message .= '<p>' . $configData['step_3'] . '</p>';
|
||||
|
||||
$message .= '<p>Dane kontaktowe</p>';
|
||||
$message .= '<ul>';
|
||||
$message .= '<li>Imię: ' . $configData['step_4']['name'] . '</li>';
|
||||
$message .= '<li>E-mail: ' . $configData['step_4']['email'] . '</li>';
|
||||
$message .= '<li>Telefon: ' . $configData['step_4']['phone'] . '</li>';
|
||||
$message .= '</ul>';
|
||||
|
||||
if ( send_email( $to, $configData['step_4']['email'], $subject, $message, $headers ) )
|
||||
{
|
||||
// send_email( 'biuro@project-pro.pl', $configData['step_4']['email'], $subject, $message, $headers );
|
||||
$_SESSION["configurator_sended"] = true;
|
||||
echo json_encode(array('status' => 'ok', 'message' => 'Wiadmość wysłana'));
|
||||
exit();
|
||||
} else {
|
||||
echo json_encode(array('status' => 'error', 'message' => 'Wystąpił błąd'));
|
||||
exit();
|
||||
}
|
||||
3924
phpmailer/class.phpmailer.php
Normal file
3924
phpmailer/class.phpmailer.php
Normal file
File diff suppressed because it is too large
Load Diff
407
phpmailer/class.pop3.php
Normal file
407
phpmailer/class.pop3.php
Normal file
@@ -0,0 +1,407 @@
|
||||
<?php
|
||||
/*~ class.pop3.php
|
||||
.---------------------------------------------------------------------------.
|
||||
| Software: PHPMailer - PHP email class |
|
||||
| Version: 5.1 |
|
||||
| Contact: via sourceforge.net support pages (also www.codeworxtech.com) |
|
||||
| Info: http://phpmailer.sourceforge.net |
|
||||
| Support: http://sourceforge.net/projects/phpmailer/ |
|
||||
| ------------------------------------------------------------------------- |
|
||||
| Admin: Andy Prevost (project admininistrator) |
|
||||
| Authors: Andy Prevost (codeworxtech) codeworxtech@users.sourceforge.net |
|
||||
| : Marcus Bointon (coolbru) coolbru@users.sourceforge.net |
|
||||
| Founder: Brent R. Matzelle (original founder) |
|
||||
| Copyright (c) 2004-2009, Andy Prevost. All Rights Reserved. |
|
||||
| Copyright (c) 2001-2003, Brent R. Matzelle |
|
||||
| ------------------------------------------------------------------------- |
|
||||
| License: Distributed under the Lesser General Public License (LGPL) |
|
||||
| http://www.gnu.org/copyleft/lesser.html |
|
||||
| This program is distributed in the hope that it will be useful - WITHOUT |
|
||||
| ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or |
|
||||
| FITNESS FOR A PARTICULAR PURPOSE. |
|
||||
| ------------------------------------------------------------------------- |
|
||||
| We offer a number of paid services (www.codeworxtech.com): |
|
||||
| - Web Hosting on highly optimized fast and secure servers |
|
||||
| - Technology Consulting |
|
||||
| - Oursourcing (highly qualified programmers and graphic designers) |
|
||||
'---------------------------------------------------------------------------'
|
||||
*/
|
||||
|
||||
/**
|
||||
* PHPMailer - PHP POP Before SMTP Authentication Class
|
||||
* NOTE: Designed for use with PHP version 5 and up
|
||||
* @package PHPMailer
|
||||
* @author Andy Prevost
|
||||
* @author Marcus Bointon
|
||||
* @copyright 2004 - 2009 Andy Prevost
|
||||
* @license http://www.gnu.org/copyleft/lesser.html Distributed under the Lesser General Public License (LGPL)
|
||||
* @version $Id: class.pop3.php 444 2009-05-05 11:22:26Z coolbru $
|
||||
*/
|
||||
|
||||
/**
|
||||
* POP Before SMTP Authentication Class
|
||||
* Version 5.0.0
|
||||
*
|
||||
* Author: Richard Davey (rich@corephp.co.uk)
|
||||
* Modifications: Andy Prevost
|
||||
* License: LGPL, see PHPMailer License
|
||||
*
|
||||
* Specifically for PHPMailer to allow POP before SMTP authentication.
|
||||
* Does not yet work with APOP - if you have an APOP account, contact Richard Davey
|
||||
* and we can test changes to this script.
|
||||
*
|
||||
* This class is based on the structure of the SMTP class originally authored by Chris Ryan
|
||||
*
|
||||
* This class is rfc 1939 compliant and implements all the commands
|
||||
* required for POP3 connection, authentication and disconnection.
|
||||
*
|
||||
* @package PHPMailer
|
||||
* @author Richard Davey
|
||||
*/
|
||||
|
||||
class POP3 {
|
||||
/**
|
||||
* Default POP3 port
|
||||
* @var int
|
||||
*/
|
||||
public $POP3_PORT = 110;
|
||||
|
||||
/**
|
||||
* Default Timeout
|
||||
* @var int
|
||||
*/
|
||||
public $POP3_TIMEOUT = 30;
|
||||
|
||||
/**
|
||||
* POP3 Carriage Return + Line Feed
|
||||
* @var string
|
||||
*/
|
||||
public $CRLF = "\r\n";
|
||||
|
||||
/**
|
||||
* Displaying Debug warnings? (0 = now, 1+ = yes)
|
||||
* @var int
|
||||
*/
|
||||
public $do_debug = 2;
|
||||
|
||||
/**
|
||||
* POP3 Mail Server
|
||||
* @var string
|
||||
*/
|
||||
public $host;
|
||||
|
||||
/**
|
||||
* POP3 Port
|
||||
* @var int
|
||||
*/
|
||||
public $port;
|
||||
|
||||
/**
|
||||
* POP3 Timeout Value
|
||||
* @var int
|
||||
*/
|
||||
public $tval;
|
||||
|
||||
/**
|
||||
* POP3 Username
|
||||
* @var string
|
||||
*/
|
||||
public $username;
|
||||
|
||||
/**
|
||||
* POP3 Password
|
||||
* @var string
|
||||
*/
|
||||
public $password;
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// PROPERTIES, PRIVATE AND PROTECTED
|
||||
/////////////////////////////////////////////////
|
||||
|
||||
private $pop_conn;
|
||||
private $connected;
|
||||
private $error; // Error log array
|
||||
|
||||
/**
|
||||
* Constructor, sets the initial values
|
||||
* @access public
|
||||
* @return POP3
|
||||
*/
|
||||
public function __construct() {
|
||||
$this->pop_conn = 0;
|
||||
$this->connected = false;
|
||||
$this->error = null;
|
||||
}
|
||||
|
||||
/**
|
||||
* Combination of public events - connect, login, disconnect
|
||||
* @access public
|
||||
* @param string $host
|
||||
* @param integer $port
|
||||
* @param integer $tval
|
||||
* @param string $username
|
||||
* @param string $password
|
||||
*/
|
||||
public function Authorise ($host, $port = false, $tval = false, $username, $password, $debug_level = 0) {
|
||||
$this->host = $host;
|
||||
|
||||
// If no port value is passed, retrieve it
|
||||
if ($port == false) {
|
||||
$this->port = $this->POP3_PORT;
|
||||
} else {
|
||||
$this->port = $port;
|
||||
}
|
||||
|
||||
// If no port value is passed, retrieve it
|
||||
if ($tval == false) {
|
||||
$this->tval = $this->POP3_TIMEOUT;
|
||||
} else {
|
||||
$this->tval = $tval;
|
||||
}
|
||||
|
||||
$this->do_debug = $debug_level;
|
||||
$this->username = $username;
|
||||
$this->password = $password;
|
||||
|
||||
// Refresh the error log
|
||||
$this->error = null;
|
||||
|
||||
// Connect
|
||||
$result = $this->Connect($this->host, $this->port, $this->tval);
|
||||
|
||||
if ($result) {
|
||||
$login_result = $this->Login($this->username, $this->password);
|
||||
|
||||
if ($login_result) {
|
||||
$this->Disconnect();
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// We need to disconnect regardless if the login succeeded
|
||||
$this->Disconnect();
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Connect to the POP3 server
|
||||
* @access public
|
||||
* @param string $host
|
||||
* @param integer $port
|
||||
* @param integer $tval
|
||||
* @return boolean
|
||||
*/
|
||||
public function Connect ($host, $port = false, $tval = 30) {
|
||||
// Are we already connected?
|
||||
if ($this->connected) {
|
||||
return true;
|
||||
}
|
||||
|
||||
/*
|
||||
On Windows this will raise a PHP Warning error if the hostname doesn't exist.
|
||||
Rather than supress it with @fsockopen, let's capture it cleanly instead
|
||||
*/
|
||||
|
||||
set_error_handler(array(&$this, 'catchWarning'));
|
||||
|
||||
// Connect to the POP3 server
|
||||
$this->pop_conn = fsockopen($host, // POP3 Host
|
||||
$port, // Port #
|
||||
$errno, // Error Number
|
||||
$errstr, // Error Message
|
||||
$tval); // Timeout (seconds)
|
||||
|
||||
// Restore the error handler
|
||||
restore_error_handler();
|
||||
|
||||
// Does the Error Log now contain anything?
|
||||
if ($this->error && $this->do_debug >= 1) {
|
||||
$this->displayErrors();
|
||||
}
|
||||
|
||||
// Did we connect?
|
||||
if ($this->pop_conn == false) {
|
||||
// It would appear not...
|
||||
$this->error = array(
|
||||
'error' => "Failed to connect to server $host on port $port",
|
||||
'errno' => $errno,
|
||||
'errstr' => $errstr
|
||||
);
|
||||
|
||||
if ($this->do_debug >= 1) {
|
||||
$this->displayErrors();
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// Increase the stream time-out
|
||||
|
||||
// Check for PHP 4.3.0 or later
|
||||
if (version_compare(phpversion(), '5.0.0', 'ge')) {
|
||||
stream_set_timeout($this->pop_conn, $tval, 0);
|
||||
} else {
|
||||
// Does not work on Windows
|
||||
if (substr(PHP_OS, 0, 3) !== 'WIN') {
|
||||
socket_set_timeout($this->pop_conn, $tval, 0);
|
||||
}
|
||||
}
|
||||
|
||||
// Get the POP3 server response
|
||||
$pop3_response = $this->getResponse();
|
||||
|
||||
// Check for the +OK
|
||||
if ($this->checkResponse($pop3_response)) {
|
||||
// The connection is established and the POP3 server is talking
|
||||
$this->connected = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Login to the POP3 server (does not support APOP yet)
|
||||
* @access public
|
||||
* @param string $username
|
||||
* @param string $password
|
||||
* @return boolean
|
||||
*/
|
||||
public function Login ($username = '', $password = '') {
|
||||
if ($this->connected == false) {
|
||||
$this->error = 'Not connected to POP3 server';
|
||||
|
||||
if ($this->do_debug >= 1) {
|
||||
$this->displayErrors();
|
||||
}
|
||||
}
|
||||
|
||||
if (empty($username)) {
|
||||
$username = $this->username;
|
||||
}
|
||||
|
||||
if (empty($password)) {
|
||||
$password = $this->password;
|
||||
}
|
||||
|
||||
$pop_username = "USER $username" . $this->CRLF;
|
||||
$pop_password = "PASS $password" . $this->CRLF;
|
||||
|
||||
// Send the Username
|
||||
$this->sendString($pop_username);
|
||||
$pop3_response = $this->getResponse();
|
||||
|
||||
if ($this->checkResponse($pop3_response)) {
|
||||
// Send the Password
|
||||
$this->sendString($pop_password);
|
||||
$pop3_response = $this->getResponse();
|
||||
|
||||
if ($this->checkResponse($pop3_response)) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Disconnect from the POP3 server
|
||||
* @access public
|
||||
*/
|
||||
public function Disconnect () {
|
||||
$this->sendString('QUIT');
|
||||
|
||||
fclose($this->pop_conn);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// Private Methods
|
||||
/////////////////////////////////////////////////
|
||||
|
||||
/**
|
||||
* Get the socket response back.
|
||||
* $size is the maximum number of bytes to retrieve
|
||||
* @access private
|
||||
* @param integer $size
|
||||
* @return string
|
||||
*/
|
||||
private function getResponse ($size = 128) {
|
||||
$pop3_response = fgets($this->pop_conn, $size);
|
||||
|
||||
return $pop3_response;
|
||||
}
|
||||
|
||||
/**
|
||||
* Send a string down the open socket connection to the POP3 server
|
||||
* @access private
|
||||
* @param string $string
|
||||
* @return integer
|
||||
*/
|
||||
private function sendString ($string) {
|
||||
$bytes_sent = fwrite($this->pop_conn, $string, strlen($string));
|
||||
|
||||
return $bytes_sent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Checks the POP3 server response for +OK or -ERR
|
||||
* @access private
|
||||
* @param string $string
|
||||
* @return boolean
|
||||
*/
|
||||
private function checkResponse ($string) {
|
||||
if (substr($string, 0, 3) !== '+OK') {
|
||||
$this->error = array(
|
||||
'error' => "Server reported an error: $string",
|
||||
'errno' => 0,
|
||||
'errstr' => ''
|
||||
);
|
||||
|
||||
if ($this->do_debug >= 1) {
|
||||
$this->displayErrors();
|
||||
}
|
||||
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* If debug is enabled, display the error message array
|
||||
* @access private
|
||||
*/
|
||||
private function displayErrors () {
|
||||
echo '<pre>';
|
||||
|
||||
foreach ($this->error as $single_error) {
|
||||
print_r($single_error);
|
||||
}
|
||||
|
||||
echo '</pre>';
|
||||
}
|
||||
|
||||
/**
|
||||
* Takes over from PHP for the socket warning handler
|
||||
* @access private
|
||||
* @param integer $errno
|
||||
* @param string $errstr
|
||||
* @param string $errfile
|
||||
* @param integer $errline
|
||||
*/
|
||||
private function catchWarning ($errno, $errstr, $errfile, $errline) {
|
||||
$this->error[] = array(
|
||||
'error' => "Connecting to the POP3 server raised a PHP warning: ",
|
||||
'errno' => $errno,
|
||||
'errstr' => $errstr
|
||||
);
|
||||
}
|
||||
|
||||
// End of class
|
||||
}
|
||||
?>
|
||||
1192
phpmailer/class.smtp.php
Normal file
1192
phpmailer/class.smtp.php
Normal file
File diff suppressed because it is too large
Load Diff
993
wp-content/themes/ostal_WP/.ftp-deploy-sync-state.json
Normal file
993
wp-content/themes/ostal_WP/.ftp-deploy-sync-state.json
Normal file
@@ -0,0 +1,993 @@
|
||||
{
|
||||
"description": "DO NOT DELETE THIS FILE. This file is used to keep track of which files have been synced in the most recent deployment. If you delete this file a resync will need to be done (which can take a while) - read more: https://github.com/SamKirkland/FTP-Deploy-Action",
|
||||
"version": "1.0.0",
|
||||
"generatedTime": 1700653837748,
|
||||
"data": [
|
||||
{
|
||||
"type": "file",
|
||||
"name": "README.md",
|
||||
"size": 92,
|
||||
"hash": "15a358f7c875eb44de14b6f3ff4f12b9e9a876ce446e6db52ced4cc206739556"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "acf-json"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "archive-realizacje.php",
|
||||
"size": 1676,
|
||||
"hash": "72f6236eac9ffdbb599f065b1789e7936ed5f71ac6b2209ce357c7d6743c8fdd"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "fonts"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "footer.php",
|
||||
"size": 2974,
|
||||
"hash": "ff3518312b74ea43a4fbff85b6d136e9b64d4769747eed2f0e1774af371f8e91"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "functions.php",
|
||||
"size": 7432,
|
||||
"hash": "ef6c9280d5e214d00297ab6dc508983e04db4ea85c3c7fc648dcf1d5ddc460b5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "header.php",
|
||||
"size": 5452,
|
||||
"hash": "373d330718e72bf970298a07a889b335ce84e811774a401ce0ddf0e66036b979"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "images"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "index.php",
|
||||
"size": 85,
|
||||
"hash": "8b8b7e33b93ec4907a9c2ab9534002bb34bfa2b52fbfc0f204596d555e7ecfbe"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "js"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "ostal-front"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "package-lock.json",
|
||||
"size": 127872,
|
||||
"hash": "eae82a3ed052649a3a24b49d7cd9864683a0a69655ee3215e066e2d56cc8084a"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "package.json",
|
||||
"size": 1099,
|
||||
"hash": "9f33e99d2db10b4cf4f2f42caffe1cdf330ffe6f2eddc1c05389c9151434980e"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-2101.php",
|
||||
"size": 20042,
|
||||
"hash": "d70fccfdadbab5b9bf42a69343242d88ab070bf0f3742f323dfaf7759da9364f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-2161.php",
|
||||
"size": 641,
|
||||
"hash": "e34e05927ba5a9b3d09c5130af96eadbdf53962b5b319e0bfd106abfa2afc723"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "page-templates"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page.php",
|
||||
"size": 1004,
|
||||
"hash": "51f71842cd98a29c1b9871de45e0ada8ceaaf6352f4a91fd1ce3a2dbb721f263"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "partials"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "postcss.config.js",
|
||||
"size": 85,
|
||||
"hash": "1629ddf3a294fb05440f67443142b8aa4a9d36c8cea78b813f8e21caf465cbc0"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "screenshot.png",
|
||||
"size": 6360,
|
||||
"hash": "97fd96f343f5dffea01b8a1515a15afa378f851ff8166847b617b6673786c3a9"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sections.php",
|
||||
"size": 1721,
|
||||
"hash": "13fde8d864ee046e1c5e1917706dc1ec0543ed6772a246912505909b42a6e03b"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sidebar.php",
|
||||
"size": 538,
|
||||
"hash": "32464a982eb4497ffe41e9a4ad0d525a30521d9d993e102a15d8f90cbeda9fd5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "single-realizacje.php",
|
||||
"size": 3059,
|
||||
"hash": "727325601ec04c3638f14594be19cee897e193644a4315a0788977ff0d54f247"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "single.php",
|
||||
"size": 1327,
|
||||
"hash": "e352e2001919cf16c088b83ed8c0af0b970079add9a5be77bc1650b37494a982"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "style.css",
|
||||
"size": 41562,
|
||||
"hash": "b1fda9890fab6f69ba5e137ad99af0f6f86a5dc02300e1e237934e64fd1ed5d5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "style.css.map",
|
||||
"size": 10458,
|
||||
"hash": "21a4d73731d242f976e669d75c3626c480d1f6fe0cecd2afb256a1d480cf48ac"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "styles"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "template-parts"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "tailwind.config.js",
|
||||
"size": 127,
|
||||
"hash": "132a5d1df49fe6e29cb7955ca6ee828c98a06d0f752d5ae64119aae2ed3f1183"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "acf-json/group_60b34b88a53ae.json",
|
||||
"size": 5085,
|
||||
"hash": "ce594f6d5e409b673e9b5f8848d1b609d04afd76321dbf9c2a0b59fb23cbfd8c"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "acf-json/group_60b37eb040953.json",
|
||||
"size": 6361,
|
||||
"hash": "ed6c27f3766907b3be8016f32a60fa6bd36e6e3d7a3691b200e9816d89f7bc68"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "acf-json/group_60b38f95d8d80.json",
|
||||
"size": 10408,
|
||||
"hash": "b398b0bf68f79218ab396f59bf2522f1e02cbbbdf6f1892b67864b02f9a8a72b"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "acf-json/group_6255547350b60.json",
|
||||
"size": 1061,
|
||||
"hash": "07e7c0b7d5ad8d564df4fc7cc1cf9d53ab6df35b287968837932050ce96088a1"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "acf-json/group_6494221367141.json",
|
||||
"size": 132069,
|
||||
"hash": "71f1eedabfcf0339fba35c305e0c1f429c472a797cc6183ee2775b012251d460"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "fonts/SpaceGrotesk-Light.woff2",
|
||||
"size": 30996,
|
||||
"hash": "fe331dd09ac6aff8bf56a6d829863ed59059f8682d81c1164b9455f799497863"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "fonts/SpaceGrotesk-Bold.woff2",
|
||||
"size": 30872,
|
||||
"hash": "cd39582e3480492d971a6c109864dc52880c381236d12fa387d8f6aba13b9e76"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "fonts/SpaceGrotesk-Regular.woff2",
|
||||
"size": 32116,
|
||||
"hash": "fe95c67db2034f73ca16c8e02f72cc1236d18ef5eba8906e24befe78cc3fa195"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "fonts/fonts.css",
|
||||
"size": 450,
|
||||
"hash": "e314ccf4f12afe0beeb801b4bfbb8389c12f4749c681362b60972af9a375820d"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "images/arrow-right.png",
|
||||
"size": 373,
|
||||
"hash": "fcd3c52425bfae94b07ac8cd0b39d6fa3c543b130a0d6ad0e1d0507f35b54289"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "js/main.js",
|
||||
"size": 1485,
|
||||
"hash": "f5e29addf74e69b1147614731f4bf23bfc1e3d28b2d1db26c08625c35482b3b8"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/carporty.html",
|
||||
"size": 9269,
|
||||
"hash": "5aefce60369b7fd785af26905a9bf473727058106d9c9bfcc7f15d85185b94d5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/favicon.svg",
|
||||
"size": 1524,
|
||||
"hash": "17e50649ce0babbf448e8a728d4475192b60b4d096a7d9414df727128435519e"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/index.html",
|
||||
"size": 12235,
|
||||
"hash": "874356d59395cfe0923015f9769adb97615fe556c3357a8a47a802b322b0a787"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/kontakt.html",
|
||||
"size": 5963,
|
||||
"hash": "641bfa56873e7044d673af515d53eecd9f5878840230cdf919b3d46938955eb9"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/lightbox.html",
|
||||
"size": 1377,
|
||||
"hash": "78894c611a91eeec22fe7feb874f675d4374adb6ac14c1d6e9000c9511bb4f3f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/main.js",
|
||||
"size": 200,
|
||||
"hash": "b3eb7b3505419d8d7d13a3cbd88971d0e91362c75d84fafee53bd4f15f5648a5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/nasze-realizacje.html",
|
||||
"size": 9788,
|
||||
"hash": "e68458f475687a70b406d3674ef400945e2654ca2a974d425e6ce228eee7d3e3"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/ogrody-zimowe.html",
|
||||
"size": 17187,
|
||||
"hash": "5a836dc2a77dcc71815a4e3e77726ccb7ea9445985cc66f2766af58efce876ba"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/onas.html",
|
||||
"size": 7908,
|
||||
"hash": "19682a81821e41a1bd4bdfabdbe25f970f0d22a19d7c6695c9c1f43a34f901d1"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/package-lock.json",
|
||||
"size": 69188,
|
||||
"hash": "e50084d198146715fd00ed9cd532a68fbf1f92eb0c359119b4304cecf7c64c1c"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/polityka-prywatnosci.html",
|
||||
"size": 27749,
|
||||
"hash": "212ebe264a9f1481042e96e1ff3f1632054c147d628578a2aa7cc3fad9e7541a"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/package.json",
|
||||
"size": 353,
|
||||
"hash": "edcddcaad6f1ba5c0f36c55dd719a64a244d64c5b176aeef634d46f0afad335d"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/poradniki.html",
|
||||
"size": 8632,
|
||||
"hash": "cd4c84ec8bb94d0b2fdae8380829f3f554e651ab041ad552be789efd00b2f257"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/postcss.config.js",
|
||||
"size": 82,
|
||||
"hash": "251ecddd4672c9cf467547e3dc535de00ad2129df26e7e7ae728fa4e5ac45fc5"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "ostal-front/public"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "ostal-front/src"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/realizacja.html",
|
||||
"size": 6723,
|
||||
"hash": "726d7c03e3f05bf0074a728eef64103031f60d352dd4165ff5c074588da2e7bd"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/tailwind.config.js",
|
||||
"size": 1948,
|
||||
"hash": "b2c3904fa0ab3e19b1920892ee73f2ed266fdfaef903dfe2bebde389f137201f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/vite.config.js",
|
||||
"size": 879,
|
||||
"hash": "c040ea2505ded9e594517b63d837eceeb08ac131ed06cab515cd590a2ee17762"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/vue-slider.js",
|
||||
"size": 815,
|
||||
"hash": "d0974cec9c21169fb6f2c3fede4cd24a8c45adb0fd1a297ee3cea0a70601a504"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/yarn.lock",
|
||||
"size": 38499,
|
||||
"hash": "aa4aa4a19d3a5121ff3488cfe083f6674f063d8462b11afdaf0a4570776b2399"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-templates/template-about.php",
|
||||
"size": 4790,
|
||||
"hash": "cacc3c36ab31432e6c3b9a3e6aba6e10a9be6d0763afa6dbd90a4fc64efa37b3"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-templates/template-carporty.php",
|
||||
"size": 2988,
|
||||
"hash": "fbb40f2cb175497f27a9ef4213f09dfb463cb50f3740d68fd4fee07938d58789"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-templates/template-contact.php",
|
||||
"size": 3443,
|
||||
"hash": "935feb23079bda1da70d48269f9bf4cbe030353a762a63aa1382b542def29667"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-templates/template-gardens.php",
|
||||
"size": 2568,
|
||||
"hash": "35043e3c5e0a4162f93cd8e3de5aa97864ff4fb85e2dae80738b2e26c753b940"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-templates/template-poradniki.php",
|
||||
"size": 5371,
|
||||
"hash": "a6f8aa52a35038be811e2f94ef6879de587c19d611cda5bdb3dc12638db327d5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "page-templates/template-home.php",
|
||||
"size": 2153,
|
||||
"hash": "20f8f22150dfda91d6214ec695da82e01a932db8e5d0a511bfe7622f20ba9aa4"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "partials/cta.php",
|
||||
"size": 418,
|
||||
"hash": "176ca575da95d463d2d9a47d18c7c4bceaa908b903c590c5d748d3c957b8eae9"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/01-base"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/02-abstracts"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/03-vendors"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/04-layout"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/06-pages"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/05-components"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "sass/07-themes"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/_shame.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/main.scss",
|
||||
"size": 178,
|
||||
"hash": "8039ddd2ca1db9743a78449a53398a2f77a3b50084984c2837fbb857e6f6a4fb"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "styles/boots-bones.css",
|
||||
"size": 18615,
|
||||
"hash": "4c206ec53ef5b67043810531a0ec371c3b8e41e4898b5fd60bf4e9f07346406e"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "styles/input.css",
|
||||
"size": 59,
|
||||
"hash": "cc1a7ad0d019ddb1d32d0ecb588ba0ac26ce41d8625dd6c366348b25f83a28ec"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "template-parts/sections"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "ostal-front/public/assets"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "ostal-front/src/scss"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_animations.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_breakpoints.scss",
|
||||
"size": 441,
|
||||
"hash": "e46912813befa0c1ce04a3575e09321ca1b9dc068d9ef2971f2955b1c0c3c834"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_colors.scss",
|
||||
"size": 108,
|
||||
"hash": "29f53f53d9f49c91d26bef58b965ad8afae000bcb3fc91f8e3c860aefcaa0b3d"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_global.scss",
|
||||
"size": 630,
|
||||
"hash": "f58eeeb80c294a7442ece63a7654f83ea8b06bc3af4163ad5ed963d599ce98cd"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_reset.scss",
|
||||
"size": 7786,
|
||||
"hash": "5e7f0bb2e9370f0f80bf5535ecf8e6aee8cfa5ab44d0448200307ccc104bf0bd"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_index.scss",
|
||||
"size": 128,
|
||||
"hash": "310ef63591c002277fdd0e575fe330230ac3f45db97cd501b9e3c8459e89478c"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/01-base/_typography.scss",
|
||||
"size": 1647,
|
||||
"hash": "7defeecdda8d33c58014e3acfab4ee4c86dcf9a65bfa01ce257badaf188c0ff7"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/02-abstracts/_helpers.scss",
|
||||
"size": 1127,
|
||||
"hash": "1f84ef3fd7c4ead67ef62374afafa7a0d34b2ab9e091b80aa3230852fedbce37"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/02-abstracts/_mixins.scss",
|
||||
"size": 468,
|
||||
"hash": "b19374ff24bff4d842996c477e2c53533a46e124a7cdd59c7678937b85de6c98"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/02-abstracts/_index.scss",
|
||||
"size": 62,
|
||||
"hash": "d8acec4f5aef478d7d3d3b7f414700a330a38a87dd1328fc6412b68191ce1622"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/02-abstracts/_variables.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/03-vendors/_index.scss",
|
||||
"size": 21,
|
||||
"hash": "0e496e44ff9cfe9bef98cf21dd80df16ea24a27f94182949b2632d20ec38ed8e"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/03-vendors/_lightbox.scss",
|
||||
"size": 1010,
|
||||
"hash": "6955fcdd10521e80863449e84db78e1009494938637359cd8ce7845e95bdfa0a"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_forms.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_footer.scss",
|
||||
"size": 1894,
|
||||
"hash": "361161ac27938b366f4744f85a47d8995f46743f8f132ec40a9789a4622e42d5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_grid.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_header.scss",
|
||||
"size": 244,
|
||||
"hash": "a932f837438f69c7ed269275a12efed0ff3ced934ef8a6dd23371fd93ba4a0ed"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_index.scss",
|
||||
"size": 194,
|
||||
"hash": "ab948890644b16d36cce17dac7d93d21d4dd0e93739fff1904380cddf5e3a8dc"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_navigation.scss",
|
||||
"size": 2580,
|
||||
"hash": "fc3dcefbbafcc157ccea07bf1c2f9b6a68988208a0591bd9a38665b2eefb358c"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/04-layout/_sidebar.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/06-pages/_configurator.scss",
|
||||
"size": 10893,
|
||||
"hash": "81a937a94e7a78681ef74d41707db9d89793cacf342044598f46d98d60975cbb"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/06-pages/_contact.scss",
|
||||
"size": 358,
|
||||
"hash": "a6d7d68a4e2637b4925607afb401f0fd0ff10b4e99534f9f5e8d79c6c39fe988"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/06-pages/_home.scss",
|
||||
"size": 0,
|
||||
"hash": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/06-pages/_index.scss",
|
||||
"size": 100,
|
||||
"hash": "a2fd3c42dc358f5cf46000e8825a1bd188d68751b23394075a010cc60b44a90a"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_box.scss",
|
||||
"size": 270,
|
||||
"hash": "89cb8ec71417b1c65aa23c7f9f9ca43069ff6ea1129a356d6a0fde3ec4a7174c"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_boxes-repeater.scss",
|
||||
"size": 4958,
|
||||
"hash": "0779d164d913e3cf05587006bbabc6e9cb2c7152e218de738c77bd701eddc36f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_buttons.scss",
|
||||
"size": 1912,
|
||||
"hash": "629fd86f3b234a8d6c3bd796022d517a5e4cb549695226bf664b72ac9782df16"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_forms.scss",
|
||||
"size": 2951,
|
||||
"hash": "0142a0c83f9e8bab317b875edc53b9d671e50f8ed13aea0fcd72c582210cd2e0"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_hero-slider.scss",
|
||||
"size": 3345,
|
||||
"hash": "ee51be7c3847d7679b2a65dc1a6e3b3d6b5efe1537ef1d90bd9d30d1a225d6c6"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_hero-with-form.scss",
|
||||
"size": 2140,
|
||||
"hash": "e193fa08b3aca00e7e43576662490d76a29725eb4f91cc2af0ad72325243d9cb"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_index.scss",
|
||||
"size": 545,
|
||||
"hash": "8661731d424f2b7ce8070f762f0dfa09b85c8be853394d8c3c8f42210c0320d5"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_lists.scss",
|
||||
"size": 224,
|
||||
"hash": "5f3ff187e3e38e9e1e2ddc11147557f51a867bfaab4c50c0c0692c7877cea28f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_one_col_cta.scss",
|
||||
"size": 2105,
|
||||
"hash": "b6f4836b357ca8a020b040fdac3666ccb2b16ba1aeba4c4d641ba388dbda52cc"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_one_col_cta_images.scss",
|
||||
"size": 3309,
|
||||
"hash": "f3a3c248e8bb955408e147ce8ceaf51d45b849cc091c0421f966a078c57565f6"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_section-gallery.scss",
|
||||
"size": 3007,
|
||||
"hash": "27e174fa0a4194692df6c0db27d5412ddc05aa60d6b4cd9ec0ca322b3222656e"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_social-media.scss",
|
||||
"size": 1060,
|
||||
"hash": "852ff038700fcf0b8e459831d9cd150fb7e3bb13011fe62fd2db7b5da73b8344"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_two-col-section-with-bg.scss",
|
||||
"size": 989,
|
||||
"hash": "527016311d50375162b3acfb65d21b04e2b55102fc7dd2561b8f061b91b1d4fa"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/05-components/_two-col-section.scss",
|
||||
"size": 2144,
|
||||
"hash": "314c73ce2f14f00367982d21c5c9c4f1e7355fff2bbb5fa46bd784d66e32e489"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/07-themes/_index.scss",
|
||||
"size": 31,
|
||||
"hash": "1e332c1c19f3afff93e1d33207309a1fdf0107f254be706f2f288ba783c4183e"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "sass/07-themes/_theme.scss",
|
||||
"size": 349,
|
||||
"hash": "688fb70e8bb5f7e84f2c06d96925b9df2ad9d5159b1f95e0bd160f3664beed0f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-boxes_repeater_img_title_text_cta.php",
|
||||
"size": 3345,
|
||||
"hash": "64d0a238b523b2969ad5b4c0d33e3fccbfb361577a45c87d66710cd711da7ea3"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-faq.php",
|
||||
"size": 4801,
|
||||
"hash": "12b9e2666dbb254fcc49dacd1074548dd028bbeb05e0130b699d5be6f54b09d8"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-gallery.php",
|
||||
"size": 1419,
|
||||
"hash": "18b54f6ab25cb94f87a539430f6d075fee2fb4fae8cd6876eecf639a016f7240"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-hero-slider.php",
|
||||
"size": 3236,
|
||||
"hash": "1074b73a7eeb84de2dfa58c0d8eb3321dc32de21abf660ed0ade65a2f7157351"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-hero-with-form.php",
|
||||
"size": 871,
|
||||
"hash": "ba1f68b64214990975ab9d81baa8043f21c024f37b74e9c709d31d32950f5443"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-hero.php",
|
||||
"size": 614,
|
||||
"hash": "a2f0d5a14c7c7da1012ba6e567e9e5f1049f99395a942bec13436d273808496d"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-one-col-cta-images.php",
|
||||
"size": 1790,
|
||||
"hash": "7e64d8a35aadcd7668c5839a36072c0a21d9be990decbe1b8a78b31d6a4bdbb4"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-one-col-cta.php",
|
||||
"size": 1165,
|
||||
"hash": "1130b28e3a20f186aadf7d1b78c6b173ffc5905f8833955203252b2fe90232d1"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-three-col-repeater.php",
|
||||
"size": 1618,
|
||||
"hash": "53f882f374e837e0eeb2f4ec02abdcf438e6d6407d232bae00f353c16e029a79"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-two-col-with-bg.php",
|
||||
"size": 1345,
|
||||
"hash": "151de32395c88d9e2f6075063f37214a22c867abff717b9f69b4e80aec1db632"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-two-col.php",
|
||||
"size": 1661,
|
||||
"hash": "45dd068cc6fcc738de73ed60e1f8b04c2f3b0877baf8daa9e10d40a476f49f4c"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "template-parts/sections/section-wysiwyg.php",
|
||||
"size": 284,
|
||||
"hash": "28a8a7a56d0d5eb25e0c704431a991e075e6662a252fbb767bda92ca2cf074a5"
|
||||
},
|
||||
{
|
||||
"type": "folder",
|
||||
"name": "ostal-front/public/assets/images"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/src/scss/index.scss",
|
||||
"size": 1286,
|
||||
"hash": "dfc6b6ed494e8c99532cf14593625f1917937b4bed79e4008769cdb78a8cdfe7"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/12.jpg",
|
||||
"size": 29614,
|
||||
"hash": "12924d1ffe6c9369d3d379b56889947514ac51b9058a46fb31843092527dd684"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/121-150x150.jpg",
|
||||
"size": 19925,
|
||||
"hash": "3cefe94a1f8aa9f61d123e7f9d9e735df2a8793c211631aebb3711e8ddf5568f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/2-150x150.jpg",
|
||||
"size": 26227,
|
||||
"hash": "67459ddf3c08d900e1e90722e99820fa27847e46aafcf11fdf3c0a97e56aac02"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/25wat-logo.svg",
|
||||
"size": 4049,
|
||||
"hash": "a85376cc5c70d7c39ff6b3ef67dc68eac484d47978229cc662122359633b2325"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/4-150x150.jpg",
|
||||
"size": 25063,
|
||||
"hash": "1f559b5a23dd25492fb51bca6aee823d32ca819f1e0857b791aa5fa8cd06bdc7"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/51-150x150.jpg",
|
||||
"size": 22013,
|
||||
"hash": "9dcd9f54d6b6b67d81699618b92244905db7020afb9374be28c9e79c3ebe74d8"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/6-150x150.jpg",
|
||||
"size": 20625,
|
||||
"hash": "977016d183723f29778073cf4c1b068ae10f6ed743ff4a3722ccd038dc361fb1"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/7-150x150.jpg",
|
||||
"size": 20913,
|
||||
"hash": "a7fb052df061a78193157c2960410c8c582b9852a3edf31ddd1978c12c9e9d06"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/8-150x150.jpg",
|
||||
"size": 21608,
|
||||
"hash": "39a2488243fe91867a6a5eab167e3e5aca00f9d278d11f422c1e2decef1add4f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/9-150x150.jpg",
|
||||
"size": 21011,
|
||||
"hash": "8aa7af3158973da96d794451498ce6438ffed022f435f1fd04daa71c761346e1"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/dach-jednospadowy.jpg",
|
||||
"size": 10349,
|
||||
"hash": "b7aede46a1b060c5b6a2839e5e92198dd90a3d65c5faf6361ef9a18bf0100afb"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/domek-2-150x150.jpg",
|
||||
"size": 22325,
|
||||
"hash": "0e4f6ca934a144476040451617855f8e0af0b30f80d40e327523ada32f9f88ee"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/domek-3-150x150.jpg",
|
||||
"size": 21755,
|
||||
"hash": "8a3c297efca346fa4246380801f7035cd4fff5ca9f1b07a5f39985c311e046e3"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/domek-4-150x150.jpg",
|
||||
"size": 20474,
|
||||
"hash": "57c947e03a4ccdbd1bff864f838742ea97f60e3e485bab389e189853db846dfd"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/domek-5-150x150.jpg",
|
||||
"size": 23601,
|
||||
"hash": "f13fd3351cadb1383d84a6ebf43f0d5bf285bbac3879badf01f89c5d4c5b88b8"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/hero-about.jpg",
|
||||
"size": 122510,
|
||||
"hash": "a80042b1ff5e83b83176839b486cc56e59672546e1c91038087f6d5460f8687f"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/hero-carports.jpg",
|
||||
"size": 347972,
|
||||
"hash": "76db085df157d2d812210a6ae72ea569a73d59093965d628d9e6b3538ef25044"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/hero-gardens.jpg",
|
||||
"size": 143350,
|
||||
"hash": "c8df0dba4cced523d88b8964de06bc51aa0f8e58c9e2a562421714110d1eb330"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/icon1.svg",
|
||||
"size": 2518,
|
||||
"hash": "1ca7216e3518ef6d1932030df003f4be98ca2518012849204f92619ca3ccc6ae"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/icon2.svg",
|
||||
"size": 3220,
|
||||
"hash": "a640e9be0c33cc77c6bf93930d508579dd5307ce1abbdfeaaab4604badcd2ee2"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/icon3.svg",
|
||||
"size": 7928,
|
||||
"hash": "ae1f4860d509d067c8cbc9fa5e38680aa9080b39814d78b5590fa93b3a9f60ca"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/logo.svg",
|
||||
"size": 102744,
|
||||
"hash": "4b7da075f5464a0d9ab8de9fd65199555228c33f0673da97804e29c690d1bcf4"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/next.svg",
|
||||
"size": 918,
|
||||
"hash": "2f276821cb00f504d52632e9bb93324483725ee63f91af4eea422c5c6001c0f0"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/pdf.svg",
|
||||
"size": 17914,
|
||||
"hash": "5d5e58eac3ffeafc25711dce0f4463838d8634292760c37e682acbe342a48232"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/print-icon.png",
|
||||
"size": 307,
|
||||
"hash": "eced6eb88f76265a949dfdd62165b4b223936e6c83d3326ae401831457b5185a"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/realizacja.jpg",
|
||||
"size": 178310,
|
||||
"hash": "d34ae4a79c30567aef9e5d2bb0891c2af63dde37a4cd623cd8825d6f8dcdba19"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/slide-1.jpg",
|
||||
"size": 638270,
|
||||
"hash": "05443a4f51cb74b00aaaab8a408877a3f7d9e775c0804dc3701e6f65eb0169e3"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/slide-2.jpg",
|
||||
"size": 502477,
|
||||
"hash": "6bcc4335df2289671e6a3888ca0c5d2f5e9b1d19d5665677a0474a6348fedcd3"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/slide-3.jpg",
|
||||
"size": 626045,
|
||||
"hash": "3c1bc48bd647a869d3a00619ad2331f886c0081c253184053c2974a74e8378a2"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/slider-sec-2.jpg",
|
||||
"size": 66306,
|
||||
"hash": "bce1fc0095251fd5b0b85ca73d2fcdeebbb0379579f132b2724fcd68ac941b87"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/slider-sec-3.jpg",
|
||||
"size": 228004,
|
||||
"hash": "6db47b569af67af7f9985329bb51de733154389cef329a8412a97bd6723f1673"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/slider-sec.jpg",
|
||||
"size": 185614,
|
||||
"hash": "2450a3edcbde92c500c194c160846b4e1c9a485a6e9db22c11e7702f65f4ae58"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/vid1.jpg",
|
||||
"size": 180963,
|
||||
"hash": "877e051e03aefc4a122bcd7a3d3de76aa2d1de7f1781f3f8728d9e776e72b629"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/vid2.jpg",
|
||||
"size": 184090,
|
||||
"hash": "d0854a01872c8cf3d3ac7f16c1bfa25331453f4f96b368e58350cb528f109c73"
|
||||
},
|
||||
{
|
||||
"type": "file",
|
||||
"name": "ostal-front/public/assets/images/3-150x150.jpg",
|
||||
"size": 24977,
|
||||
"hash": "8b47adbe5e69bae9b3826a9ac184fedac55f76dda4ee46fb9c890ba1b0c8909b"
|
||||
}
|
||||
]
|
||||
}
|
||||
20
wp-content/themes/ostal_WP/.github/workflows/ftp-dev.yml
vendored
Normal file
20
wp-content/themes/ostal_WP/.github/workflows/ftp-dev.yml
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- dev
|
||||
name: 🚀 Deploy DEVELOPMENT VERSION website
|
||||
jobs:
|
||||
web-deploy:
|
||||
name: 🎉 Deploy
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: 🚚 Get latest code
|
||||
uses: actions/checkout@v2
|
||||
|
||||
- name: 📂 Sync files
|
||||
uses: SamKirkland/FTP-Deploy-Action@4.1.0
|
||||
with:
|
||||
server-dir: /domains/ostaldev.efficientweb.com.pl/public_html/wp-content/themes/ostal_WP/
|
||||
server: ${{ secrets.hostdev }}
|
||||
username: ${{ secrets.userdev }}
|
||||
password: ${{ secrets.passdev }}
|
||||
0
wp-content/themes/ostal_WP/.gitignore
vendored
Normal file
0
wp-content/themes/ostal_WP/.gitignore
vendored
Normal file
7
wp-content/themes/ostal_WP/README.md
Normal file
7
wp-content/themes/ostal_WP/README.md
Normal file
@@ -0,0 +1,7 @@
|
||||
OSTAL WP theme
|
||||
===============
|
||||
|
||||
ostal-front
|
||||
- bundler: vite.js
|
||||
- css framework: tailwind
|
||||
|
||||
208
wp-content/themes/ostal_WP/acf-json/group_60b34b88a53ae.json
Normal file
208
wp-content/themes/ostal_WP/acf-json/group_60b34b88a53ae.json
Normal file
@@ -0,0 +1,208 @@
|
||||
{
|
||||
"key": "group_60b34b88a53ae",
|
||||
"title": "O nas",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_60b34bbe66d05",
|
||||
"label": "Tekst",
|
||||
"name": "about_content",
|
||||
"aria-label": "",
|
||||
"type": "wysiwyg",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"tabs": "all",
|
||||
"toolbar": "full",
|
||||
"media_upload": 1,
|
||||
"delay": 0,
|
||||
"acfe_wysiwyg_auto_init": 0,
|
||||
"acfe_wysiwyg_height": 300,
|
||||
"acfe_wysiwyg_min_height": 300,
|
||||
"acfe_wysiwyg_max_height": "",
|
||||
"acfe_wysiwyg_valid_elements": "",
|
||||
"acfe_wysiwyg_custom_style": "",
|
||||
"acfe_wysiwyg_disable_wp_style": 0,
|
||||
"acfe_wysiwyg_autoresize": 0,
|
||||
"acfe_wysiwyg_disable_resize": 0,
|
||||
"acfe_wysiwyg_remove_path": 0,
|
||||
"acfe_wysiwyg_menubar": 0,
|
||||
"acfe_wysiwyg_transparent": 0,
|
||||
"acfe_wysiwyg_merge_toolbar": 0,
|
||||
"acfe_wysiwyg_custom_toolbar": 0,
|
||||
"acfe_wysiwyg_toolbar_buttons": []
|
||||
},
|
||||
{
|
||||
"key": "field_60b34cfcb67af",
|
||||
"label": "Obrazek",
|
||||
"name": "about_photo",
|
||||
"aria-label": "",
|
||||
"type": "image",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"return_format": "url",
|
||||
"preview_size": "medium",
|
||||
"library": "all",
|
||||
"min_width": "",
|
||||
"min_height": "",
|
||||
"min_size": "",
|
||||
"max_width": "",
|
||||
"max_height": "",
|
||||
"max_size": "",
|
||||
"mime_types": "",
|
||||
"uploader": "",
|
||||
"acfe_thumbnail": 0
|
||||
},
|
||||
{
|
||||
"key": "field_60b34d6c37481",
|
||||
"label": "Filmy",
|
||||
"name": "",
|
||||
"aria-label": "",
|
||||
"type": "tab",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"placement": "top",
|
||||
"endpoint": 0,
|
||||
"no_preference": 0
|
||||
},
|
||||
{
|
||||
"key": "field_60b34d9f37482",
|
||||
"label": "Filmy",
|
||||
"name": "movies_repeater",
|
||||
"aria-label": "",
|
||||
"type": "repeater",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"collapsed": "",
|
||||
"min": 0,
|
||||
"max": 0,
|
||||
"layout": "table",
|
||||
"button_label": "Dodaj wiersz",
|
||||
"sub_fields": [
|
||||
{
|
||||
"key": "field_60b34db937483",
|
||||
"label": "miniaturka",
|
||||
"name": "movie_thumbnail",
|
||||
"aria-label": "",
|
||||
"type": "image",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"return_format": "url",
|
||||
"preview_size": "medium",
|
||||
"library": "all",
|
||||
"min_width": "",
|
||||
"min_height": "",
|
||||
"min_size": "",
|
||||
"max_width": "",
|
||||
"max_height": "",
|
||||
"max_size": "",
|
||||
"mime_types": "",
|
||||
"uploader": "",
|
||||
"acfe_thumbnail": 0,
|
||||
"parent_repeater": "field_60b34d9f37482"
|
||||
},
|
||||
{
|
||||
"key": "field_60b34e6037484",
|
||||
"label": "Plik video",
|
||||
"name": "video_item",
|
||||
"aria-label": "",
|
||||
"type": "file",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"return_format": "url",
|
||||
"library": "all",
|
||||
"min_size": "",
|
||||
"max_size": "",
|
||||
"mime_types": "",
|
||||
"uploader": "",
|
||||
"preview_style": "default",
|
||||
"placeholder": "Select",
|
||||
"upload_folder": "",
|
||||
"button_label": "Dodaj plik",
|
||||
"stylised_button": 0,
|
||||
"file_count": 0,
|
||||
"multiple": 0,
|
||||
"min": "",
|
||||
"max": "",
|
||||
"parent_repeater": "field_60b34d9f37482"
|
||||
}
|
||||
],
|
||||
"rows_per_page": 20,
|
||||
"acfe_repeater_stylised_button": 0
|
||||
}
|
||||
],
|
||||
"location": [
|
||||
[
|
||||
{
|
||||
"param": "post_template",
|
||||
"operator": "==",
|
||||
"value": "page-templates\/template-about.php"
|
||||
}
|
||||
]
|
||||
],
|
||||
"menu_order": 0,
|
||||
"position": "normal",
|
||||
"style": "default",
|
||||
"label_placement": "top",
|
||||
"instruction_placement": "label",
|
||||
"hide_on_screen": [
|
||||
"page_attributes",
|
||||
"author",
|
||||
"discussion",
|
||||
"format",
|
||||
"categories",
|
||||
"comments",
|
||||
"permalink",
|
||||
"slug",
|
||||
"tags",
|
||||
"revisions",
|
||||
"excerpt",
|
||||
"send-trackbacks"
|
||||
],
|
||||
"active": true,
|
||||
"description": "",
|
||||
"show_in_rest": 0,
|
||||
"acfe_autosync": [
|
||||
"json"
|
||||
],
|
||||
"acfe_form": 0,
|
||||
"acfe_display_title": "",
|
||||
"acfe_meta": "",
|
||||
"acfe_note": "",
|
||||
"modified": 1698218619
|
||||
}
|
||||
221
wp-content/themes/ostal_WP/acf-json/group_60b37eb040953.json
Normal file
221
wp-content/themes/ostal_WP/acf-json/group_60b37eb040953.json
Normal file
@@ -0,0 +1,221 @@
|
||||
{
|
||||
"key": "group_60b37eb040953",
|
||||
"title": "Ogrody zimowe",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_60b37f42c7aae",
|
||||
"label": " Nagłówek strony",
|
||||
"name": "",
|
||||
"type": "tab",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"placement": "top",
|
||||
"endpoint": 0
|
||||
},
|
||||
{
|
||||
"key": "field_6215f155fbd70",
|
||||
"label": "EFS",
|
||||
"name": "efsFE",
|
||||
"type": "wysiwyg",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"tabs": "all",
|
||||
"toolbar": "full",
|
||||
"media_upload": 1,
|
||||
"delay": 0
|
||||
},
|
||||
{
|
||||
"key": "field_6227313602f77",
|
||||
"label": "tekst",
|
||||
"name": "tekst",
|
||||
"type": "textarea",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"placeholder": "",
|
||||
"maxlength": "",
|
||||
"rows": "",
|
||||
"new_lines": ""
|
||||
},
|
||||
{
|
||||
"key": "field_60b37ed0c7aab",
|
||||
"label": "Zdjęcie",
|
||||
"name": "winter_gardens_img",
|
||||
"type": "image",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"return_format": "url",
|
||||
"preview_size": "medium",
|
||||
"library": "all",
|
||||
"min_width": "",
|
||||
"min_height": "",
|
||||
"min_size": "",
|
||||
"max_width": "",
|
||||
"max_height": "",
|
||||
"max_size": "",
|
||||
"mime_types": ""
|
||||
},
|
||||
{
|
||||
"key": "field_60b37ee2c7aac",
|
||||
"label": "Główny tekst",
|
||||
"name": "winter_gardens_excerpt",
|
||||
"type": "wysiwyg",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"tabs": "all",
|
||||
"toolbar": "full",
|
||||
"media_upload": 1,
|
||||
"delay": 0
|
||||
},
|
||||
{
|
||||
"key": "field_60b37f0bc7aad",
|
||||
"label": "Box \"co ważne\"",
|
||||
"name": "winter_gardens_infobox",
|
||||
"type": "wysiwyg",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"tabs": "all",
|
||||
"toolbar": "full",
|
||||
"media_upload": 1,
|
||||
"delay": 0
|
||||
},
|
||||
{
|
||||
"key": "field_60b37f66c7aaf",
|
||||
"label": "Rodzaje ogrodów (lista)",
|
||||
"name": "",
|
||||
"type": "tab",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"placement": "top",
|
||||
"endpoint": 0
|
||||
},
|
||||
{
|
||||
"key": "field_60b37f70c7ab0",
|
||||
"label": "Rodzaje",
|
||||
"name": "rodzaje",
|
||||
"type": "repeater",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"collapsed": "",
|
||||
"min": 0,
|
||||
"max": 0,
|
||||
"layout": "table",
|
||||
"button_label": "",
|
||||
"sub_fields": [
|
||||
{
|
||||
"key": "field_60b37f85c7ab1",
|
||||
"label": "Ikona",
|
||||
"name": "gardens_type_icon",
|
||||
"type": "image",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"return_format": "url",
|
||||
"preview_size": "thumbnail",
|
||||
"library": "all",
|
||||
"min_width": "",
|
||||
"min_height": "",
|
||||
"min_size": "",
|
||||
"max_width": "",
|
||||
"max_height": "",
|
||||
"max_size": "",
|
||||
"mime_types": ""
|
||||
},
|
||||
{
|
||||
"key": "field_60b37f96c7ab2",
|
||||
"label": "Opis",
|
||||
"name": "gardens_type_content",
|
||||
"type": "wysiwyg",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"tabs": "all",
|
||||
"toolbar": "full",
|
||||
"media_upload": 1,
|
||||
"delay": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"location": [
|
||||
[
|
||||
{
|
||||
"param": "post_template",
|
||||
"operator": "==",
|
||||
"value": "page-templates\/template-gardens.php"
|
||||
}
|
||||
]
|
||||
],
|
||||
"menu_order": 0,
|
||||
"position": "normal",
|
||||
"style": "default",
|
||||
"label_placement": "top",
|
||||
"instruction_placement": "label",
|
||||
"hide_on_screen": "",
|
||||
"active": true,
|
||||
"description": "",
|
||||
"show_in_rest": 0,
|
||||
"modified": 1646735700
|
||||
}
|
||||
2883
wp-content/themes/ostal_WP/acf-json/group_6494221367141.json
Normal file
2883
wp-content/themes/ostal_WP/acf-json/group_6494221367141.json
Normal file
File diff suppressed because it is too large
Load Diff
63
wp-content/themes/ostal_WP/archive-realizacje.php
Normal file
63
wp-content/themes/ostal_WP/archive-realizacje.php
Normal file
@@ -0,0 +1,63 @@
|
||||
<?php get_header(); ?>
|
||||
|
||||
<div class="wrapper--default">
|
||||
<div class="wrapper--inner">
|
||||
<section class="lg:container lg:mx-auto lg:mb-12">
|
||||
<div class="p-6">
|
||||
<h1>Nasze realizacje</h1>
|
||||
</div>
|
||||
|
||||
<div class="p-6 flex flex-col md:flex-row md:flex-wrap md:items-start md:justify-center lg:justify-start lg:p-0 gap-2">
|
||||
<?php
|
||||
$args = array(
|
||||
'post_type' => array('realizacje'),
|
||||
'nopaging' => false,
|
||||
'posts_per_page' => '24',
|
||||
'posts_per_archive_page' => '24',
|
||||
'paged' => get_query_var('paged') ? get_query_var('paged') : 1, // Dodano obsługę stronicowania
|
||||
);
|
||||
|
||||
$query = new WP_Query($args);
|
||||
if ($query->have_posts()) {
|
||||
while ($query->have_posts()) {
|
||||
$query->the_post(); ?>
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="<?php the_permalink(); ?>">
|
||||
<div class="pb-72 bg-cover" style="background-image:url(<?php echo get_the_post_thumbnail_url(); ?>)">
|
||||
</div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left"><?php the_title(); ?></h4>
|
||||
</a>
|
||||
|
||||
<?php
|
||||
}
|
||||
} else {
|
||||
// Brak postów
|
||||
}
|
||||
wp_reset_postdata();
|
||||
?>
|
||||
|
||||
<!-- Dodanie stronicowania poniżej -->
|
||||
<div class="pagination">
|
||||
<?php
|
||||
echo paginate_links(array(
|
||||
'total' => $query->max_num_pages,
|
||||
'current' => max(1, get_query_var('paged')),
|
||||
'format' => '?paged=%#%',
|
||||
'show_all' => false,
|
||||
'type' => 'plain',
|
||||
'end_size' => 2,
|
||||
'mid_size' => 1,
|
||||
'prev_next' => true,
|
||||
'prev_text' => sprintf('<i></i> %1$s', __('Poprzednia', 'text-domain')),
|
||||
'next_text' => sprintf('%1$s <i></i>', __('Następna', 'text-domain')),
|
||||
'add_args' => false,
|
||||
'add_fragment' => '',
|
||||
));
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php get_footer(); ?>
|
||||
1
wp-content/themes/ostal_WP/css/custom.css
Normal file
1
wp-content/themes/ostal_WP/css/custom.css
Normal file
@@ -0,0 +1 @@
|
||||
#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}/*# sourceMappingURL=custom.css.map */
|
||||
1
wp-content/themes/ostal_WP/css/custom.css.map
Normal file
1
wp-content/themes/ostal_WP/css/custom.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACE,wBACE,gBAAA,CACA,gBAAA,CAEA,2BACE,aAAA,CACA,cAAA,CAMJ,0BACE,aAAA,CACA,mBAAA,CAEA,6BACE,aAAA,CACA,cAAA,CAKN,YACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACE,cAAA","file":"custom.css","sourcesContent":["#home-page-seo {\r\n .wrapper {\r\n padding-top: 75px;\r\n padding-bottom: 0;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n#garden-page-seo {\r\n .wrapper {\r\n padding-top: 0;\r\n padding-bottom: 75px;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n margin: 25px 0 50px;\r\n justify-content: center;\r\n width: 100%;\r\n font-size: 16px;\r\n gap: 10px;\r\n\r\n a {\r\n font-size: 16px;\r\n }\r\n}"]}
|
||||
37
wp-content/themes/ostal_WP/css/custom.scss
Normal file
37
wp-content/themes/ostal_WP/css/custom.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
#home-page-seo {
|
||||
.wrapper {
|
||||
padding-top: 75px;
|
||||
padding-bottom: 0;
|
||||
|
||||
h2 {
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#garden-page-seo {
|
||||
.wrapper {
|
||||
padding-top: 0;
|
||||
padding-bottom: 75px;
|
||||
|
||||
h2 {
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 25px 0 50px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
gap: 10px;
|
||||
|
||||
a {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
1
wp-content/themes/ostal_WP/custom.css
Normal file
1
wp-content/themes/ostal_WP/custom.css
Normal file
File diff suppressed because one or more lines are too long
1
wp-content/themes/ostal_WP/custom.css.map
Normal file
1
wp-content/themes/ostal_WP/custom.css.map
Normal file
File diff suppressed because one or more lines are too long
576
wp-content/themes/ostal_WP/custom.scss
Normal file
576
wp-content/themes/ostal_WP/custom.scss
Normal file
@@ -0,0 +1,576 @@
|
||||
#app {
|
||||
.section-header {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
|
||||
.title {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.section-realizacje {
|
||||
.recent-realizations-item {
|
||||
width: 25%;
|
||||
|
||||
>p {
|
||||
background: rgba(86, 165, 61, 0.8);
|
||||
}
|
||||
|
||||
@media (min-width: 1536px) {
|
||||
padding-bottom: 20rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
width: 50%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section-contact {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
grid-template-columns: 1fr;
|
||||
row-gap: 30px;
|
||||
}
|
||||
|
||||
.section-contact-texts {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
|
||||
@media (max-width: 900px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.section-contact-texts-img {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
|
||||
@media (max-width: 900px) {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section-contact-texts-txt {
|
||||
padding: 25px;
|
||||
color: #1d293f;
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 32px;
|
||||
|
||||
@media (max-width: 900px) {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section-contact-form {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.section-contact-form-wrapper {
|
||||
padding: 10px;
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
.wpforms-field {
|
||||
padding: 7px 0;
|
||||
border-color: #bcbcbc;
|
||||
outline: none !important;
|
||||
|
||||
input {
|
||||
border-radius: 0;
|
||||
color: #000;
|
||||
font-size: 11px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
&::placeholder {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.required-alert {
|
||||
p {
|
||||
color: #cd1f27;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.marketing {
|
||||
input[type="checkbox"] {
|
||||
&::before {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 10px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.wpforms-submit {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
border-radius: 0;
|
||||
background-color: #88b14b;
|
||||
height: 49px;
|
||||
padding: 0 30px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#calc-container {
|
||||
.calc-bar-fix {
|
||||
overflow: hidden;
|
||||
padding: 20px 0;
|
||||
|
||||
#progress-bar {
|
||||
max-width: 1000px;
|
||||
margin: 50px auto 30px auto;
|
||||
|
||||
.progress-bar {
|
||||
background: #ddd;
|
||||
|
||||
.progress-bar-line {
|
||||
background: #88b14b;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 0;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#calc-bar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
// width: 250%;
|
||||
width: 350%;
|
||||
margin-left: 0%;
|
||||
transition: all 500ms ease-in-out;
|
||||
// margin-left: -25%;
|
||||
margin-left: -55%;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
width: 400%;
|
||||
margin-left: 0%;
|
||||
}
|
||||
|
||||
.calc-s {
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
padding: 0 20px;
|
||||
opacity: 0.2;
|
||||
transition: all 500ms ease-in-out;
|
||||
pointer-events: none;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
max-width: 100%;
|
||||
|
||||
&.calc-placeholder {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
// transform: scale(1);
|
||||
pointer-events: initial;
|
||||
}
|
||||
|
||||
&#calc-ch-1 {
|
||||
.slide-data {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
row-gap: 20px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 200px;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.calc-texts {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.calc-box {
|
||||
position: relative;
|
||||
padding: 25px 70px 65px 70px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
border: 2px solid #88b14b;
|
||||
background: #fff;
|
||||
|
||||
@media (max-width: 640px) {
|
||||
padding: 25px 20px 65px 20px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 100%;
|
||||
display: block;
|
||||
z-index: -1;
|
||||
|
||||
background-color: #88b14b;
|
||||
clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%);
|
||||
top: -12px;
|
||||
left: inherit;
|
||||
right: -12px;
|
||||
}
|
||||
|
||||
&--data {
|
||||
ul.calc-radio {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 1rem;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
padding: 12.5px 0;
|
||||
transition: 0.3s;
|
||||
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
.radio {
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 100%;
|
||||
background: #88b14b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: #ddd;
|
||||
border-radius: 50%;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
||||
margin-left: 20px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.radio-text {
|
||||
.radio-title {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.calc-texts {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
margin-right: 1.75rem;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input.input {
|
||||
background-color: #f7f7f7;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #eee;
|
||||
width: 100%;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
/********** Range Input Styles **********/
|
||||
/*Range Reset*/
|
||||
input[type="range"] {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Removes default focus */
|
||||
input[type="range"]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/***** Chrome, Safari, Opera and Edge Chromium styles *****/
|
||||
/* slider track */
|
||||
input[type="range"]::-webkit-slider-runnable-track {
|
||||
background-color: #ddd;
|
||||
border-radius: 0.5rem;
|
||||
height: 0.5rem;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
/* slider thumb */
|
||||
input[type="range"]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
/* Override default look */
|
||||
appearance: none;
|
||||
margin-top: -6px;
|
||||
/* Centers thumb on the track */
|
||||
border-radius: 4px;
|
||||
/*custom styles*/
|
||||
background-color: #121e23;
|
||||
border: 1px solid #fff;
|
||||
height: 20px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
/******** Firefox styles ********/
|
||||
/* slider track */
|
||||
input[type="range"]::-moz-range-track {
|
||||
background-color: #ddd;
|
||||
border-radius: 0.5rem;
|
||||
height: 0.5rem;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* slider thumb */
|
||||
input[type="range"]::-moz-range-thumb {
|
||||
border: none;
|
||||
/*Removes extra border that FF applies*/
|
||||
border-radius: 0px;
|
||||
/*Removes default border-radius that FF applies*/
|
||||
|
||||
/*custom styles*/
|
||||
background-color: #121e23;
|
||||
border: 1px solid #fff;
|
||||
height: 20px;
|
||||
width: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn_send {
|
||||
// color: #fff;
|
||||
// padding: 5px 15px;
|
||||
// background: #56a53d;
|
||||
// font-size: 14px;
|
||||
// display: block;
|
||||
max-width: fit-content;
|
||||
margin: 30px auto 0;
|
||||
// outline: none;
|
||||
// transition: all 250ms ease-in-out;
|
||||
|
||||
&:disabled {
|
||||
cursor: progress;
|
||||
background: #cdcdcd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--title {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
margin: 0 auto 30px auto;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
|
||||
// &::before {
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// left: 50%;
|
||||
// height: 2px;
|
||||
// width: calc(100% + 60px);
|
||||
// background: #132473;
|
||||
// transform: translateX(-50%);
|
||||
// }
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.prev,
|
||||
.next {
|
||||
background: #88b14b;
|
||||
top: 50%;
|
||||
margin: -15px;
|
||||
position: absolute;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
border-radius: 100%;
|
||||
|
||||
&.disabled {
|
||||
background: #ddd;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.svg-arrow {
|
||||
margin: 0;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: block;
|
||||
padding: 7px;
|
||||
top: 0;
|
||||
|
||||
path {
|
||||
transition: 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.prev {
|
||||
left: 25px;
|
||||
|
||||
.svg-arrow {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.next {
|
||||
right: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#configurator_sended {
|
||||
padding: 40px 70px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
border: 2px solid #88b14b;
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
margin: 50px auto;
|
||||
background: #fff;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 100%;
|
||||
display: block;
|
||||
z-index: -1;
|
||||
|
||||
background-color: #88b14b;
|
||||
clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%);
|
||||
top: -12px;
|
||||
left: inherit;
|
||||
right: -12px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
margin: 0 auto 50px auto;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.configurator_sended_text {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.step-info {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
margin-left: 39px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
BIN
wp-content/themes/ostal_WP/fonts/SpaceGrotesk-Bold.woff2
Normal file
BIN
wp-content/themes/ostal_WP/fonts/SpaceGrotesk-Bold.woff2
Normal file
Binary file not shown.
BIN
wp-content/themes/ostal_WP/fonts/SpaceGrotesk-Light.woff2
Normal file
BIN
wp-content/themes/ostal_WP/fonts/SpaceGrotesk-Light.woff2
Normal file
Binary file not shown.
BIN
wp-content/themes/ostal_WP/fonts/SpaceGrotesk-Regular.woff2
Normal file
BIN
wp-content/themes/ostal_WP/fonts/SpaceGrotesk-Regular.woff2
Normal file
Binary file not shown.
18
wp-content/themes/ostal_WP/fonts/fonts.css
Normal file
18
wp-content/themes/ostal_WP/fonts/fonts.css
Normal file
@@ -0,0 +1,18 @@
|
||||
@font-face {
|
||||
font-family: 'Space Grotesk';
|
||||
src: url('./SpaceGrotesk-Light.woff2') format('woff2');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Space Grotesk';
|
||||
src: url('./SpaceGrotesk-Regular.woff2') format('woff2');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Space Grotesk';
|
||||
src: url('./SpaceGrotesk-Bold.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
101
wp-content/themes/ostal_WP/footer.php
Normal file
101
wp-content/themes/ostal_WP/footer.php
Normal file
@@ -0,0 +1,101 @@
|
||||
<footer class="">
|
||||
<div class="background-image" style="background-image: url('<?php the_field('before_footer_image', 'option'); ?>');">
|
||||
<span class="bg-filter"></span>
|
||||
</div>
|
||||
<div class="footer-row bg-dark">
|
||||
<div class="wrapper--inner">
|
||||
<div class="logo">
|
||||
<img class="img-auto"
|
||||
src="<?php the_field('logo', 'option'); ?>" alt="logo ostal">
|
||||
</div>
|
||||
|
||||
<div class="footer-grid">
|
||||
<div class="grid-item">
|
||||
<?php the_field('adres', 'option'); ?>
|
||||
</div>
|
||||
|
||||
<div class="grid-item">
|
||||
</div>
|
||||
|
||||
<div class="grid-item">
|
||||
<?php wp_nav_menu( array(
|
||||
'menu' => 'footer-menu-left',
|
||||
'menu_class' => 'footer-menu' ) );
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="grid-item">
|
||||
<?php wp_nav_menu( array(
|
||||
'menu' => 'footer-menu-right',
|
||||
'menu_class' => 'footer-menu' ) );
|
||||
?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-copyright">
|
||||
<div class="wrapper--inner">
|
||||
<ul class="footer-copyright-grid">
|
||||
<li>
|
||||
<?php $privacy_policy = get_field('privacy_policy', 'option'); ?>
|
||||
<a href="<?php echo $privacy_policy['url'];?>">
|
||||
<?php echo $privacy_policy['title'] ?>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<?php the_field('all_rights_reserved', 'option'); ?>
|
||||
</li>
|
||||
<li>
|
||||
<?php $website_author = get_field('website_author', 'option'); ?>
|
||||
<a href="<?php echo $website_author['url'];?>">
|
||||
<?php echo $website_author['title'] ?>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
|
||||
if(is_page_template( 'page-templates/template-home.php' )) { ?>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
const swiper = new Swiper('#hero-slider', {
|
||||
loop: false,
|
||||
speed: 1000,
|
||||
centeredSlides: true,
|
||||
// autoHeight: true,
|
||||
slidesPerView: 1,
|
||||
direction: 'horizontal',
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// pauseOnMouseEnter: true
|
||||
// },
|
||||
effect: 'fade',
|
||||
fadeEffect: {
|
||||
crossFade: true
|
||||
},
|
||||
navigation: {
|
||||
prevEl: ".swiper-button-prev",
|
||||
nextEl: ".swiper-button-next",
|
||||
|
||||
|
||||
},
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
</footer>
|
||||
|
||||
<?php wp_footer(); ?>
|
||||
|
||||
</div> <!-- ostal-wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
190
wp-content/themes/ostal_WP/functions.php
Normal file
190
wp-content/themes/ostal_WP/functions.php
Normal file
@@ -0,0 +1,190 @@
|
||||
<?php define( 'OSTAL_VERSION', 6.2 );
|
||||
|
||||
add_theme_support( 'automatic-feed-links' );
|
||||
add_theme_support( 'post-thumbnails' );
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Register main menu for Wordpress use
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
register_nav_menus(
|
||||
array(
|
||||
'primary' => __( 'Primary Menu', 'ostal' ),
|
||||
)
|
||||
);
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Set filter for nav_menu_css_class.
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
function add_additional_class_on_li($classes, $item, $args) {
|
||||
if(isset($args->add_li_class)) {
|
||||
$classes[] = $args->add_li_class;
|
||||
}
|
||||
return $classes;
|
||||
}
|
||||
add_filter('nav_menu_css_class', 'add_additional_class_on_li', 1, 3);
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Enqueue Styles and Scripts
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
function add_custom_fonts() {
|
||||
wp_enqueue_style( 'custom-fonts', get_template_directory_uri() . '/fonts/fonts.css', array(), null );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'add_custom_fonts' );
|
||||
|
||||
function ostal_scripts() {
|
||||
|
||||
wp_enqueue_style('ostal-styles', get_theme_file_uri() . '/ostal-front/dist/assets/main.css',array(), OSTAL_VERSION, 'all');
|
||||
wp_enqueue_style('style.css', get_stylesheet_directory_uri() . '/style.css');
|
||||
|
||||
// wp_enqueue_script( 'ostal-js', get_theme_file_uri() . '/ostal-front/dist/assets/main.js', array( 'jquery' ), OSTAL_VERSION, true );
|
||||
|
||||
wp_enqueue_script( 'main-js', get_stylesheet_directory_uri().'/js/main.js', array(), filemtime(get_stylesheet_directory() . '/js/main.js'), true );
|
||||
|
||||
if(is_page_template( 'page-templates/template-about.php' )) {
|
||||
wp_enqueue_style('video-js-styles', 'https://vjs.zencdn.net/7.11.4/video-js.css');
|
||||
wp_enqueue_script( 'video-js', 'https://vjs.zencdn.net/7.11.4/video.min.js', array( ), OSTAL_VERSION, true );
|
||||
}
|
||||
|
||||
// if(is_singular('realizacje')) {
|
||||
// wp_enqueue_script( 'vue', 'https://unpkg.com/vue@next', array( ), NULL, true );
|
||||
// wp_enqueue_script( 'vue-lightbox', 'https://unpkg.com/vue-easy-lightbox@next/dist/vue-easy-lightbox.umd.min.js', array( ), NULL, true );
|
||||
// // wp_enqueue_script( 'vue-slider', get_theme_file_uri() . '/ostal-front/dist/assets/vue-slider.js', array( ), OSTAL_VERSION, true );
|
||||
// }
|
||||
|
||||
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'ostal_scripts' );
|
||||
|
||||
// Allow SVG
|
||||
function cc_mime_types($mimes) {
|
||||
$mimes['svg'] = 'image/svg+xml';
|
||||
return $mimes;
|
||||
}
|
||||
add_filter('upload_mimes', 'cc_mime_types');
|
||||
|
||||
// remove extra p and br on contact form 7
|
||||
add_filter( 'wpcf7_autop_or_not', '__return_false' );
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Custom post types
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
function realizacje() {
|
||||
|
||||
$labels = array(
|
||||
'name' => _x( 'Realizacje', 'Post Type General Name', 'text_domain' ),
|
||||
'singular_name' => _x( 'Realizacja', 'Post Type Singular Name', 'text_domain' ),
|
||||
'menu_name' => __( 'Realizacje', 'text_domain' ),
|
||||
'name_admin_bar' => __( 'Realizacje', 'text_domain' ),
|
||||
'archives' => __( 'Item Archives', 'text_domain' ),
|
||||
'attributes' => __( 'Item Attributes', 'text_domain' ),
|
||||
'parent_item_colon' => __( 'Parent Item:', 'text_domain' ),
|
||||
'all_items' => __( 'All Items', 'text_domain' ),
|
||||
'add_new_item' => __( 'Add New Item', 'text_domain' ),
|
||||
'add_new' => __( 'Add New', 'text_domain' ),
|
||||
'new_item' => __( 'New Item', 'text_domain' ),
|
||||
'edit_item' => __( 'Edit Item', 'text_domain' ),
|
||||
'update_item' => __( 'Update Item', 'text_domain' ),
|
||||
'view_item' => __( 'View Item', 'text_domain' ),
|
||||
'view_items' => __( 'View Items', 'text_domain' ),
|
||||
'search_items' => __( 'Search Item', 'text_domain' ),
|
||||
'not_found' => __( 'Not found', 'text_domain' ),
|
||||
'not_found_in_trash' => __( 'Not found in Trash', 'text_domain' ),
|
||||
'featured_image' => __( 'Featured Image', 'text_domain' ),
|
||||
'set_featured_image' => __( 'Set featured image', 'text_domain' ),
|
||||
'remove_featured_image' => __( 'Remove featured image', 'text_domain' ),
|
||||
'use_featured_image' => __( 'Use as featured image', 'text_domain' ),
|
||||
'insert_into_item' => __( 'Insert into item', 'text_domain' ),
|
||||
'uploaded_to_this_item' => __( 'Uploaded to this item', 'text_domain' ),
|
||||
'items_list' => __( 'Items list', 'text_domain' ),
|
||||
'items_list_navigation' => __( 'Items list navigation', 'text_domain' ),
|
||||
'filter_items_list' => __( 'Filter items list', 'text_domain' ),
|
||||
);
|
||||
$args = array(
|
||||
'label' => __( 'Realizacja', 'text_domain' ),
|
||||
'description' => __( 'Post Type Description', 'text_domain' ),
|
||||
'labels' => $labels,
|
||||
'supports' => array( 'title','thumbnail' ),
|
||||
// 'taxonomies' => array( 'category', 'post_tag' ),
|
||||
'hierarchical' => false,
|
||||
'public' => true,
|
||||
'show_ui' => true,
|
||||
'show_in_menu' => true,
|
||||
'menu_position' => 5,
|
||||
'show_in_admin_bar' => true,
|
||||
'show_in_nav_menus' => true,
|
||||
'can_export' => true,
|
||||
'has_archive' => true,
|
||||
'exclude_from_search' => false,
|
||||
'publicly_queryable' => true,
|
||||
'capability_type' => 'page',
|
||||
'show_in_rest' => true,
|
||||
);
|
||||
register_post_type( 'realizacje', $args );
|
||||
|
||||
}
|
||||
add_action( 'init', 'realizacje', 0 );
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Dashboard
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
function remove_admin_menus () {
|
||||
global $menu;
|
||||
$removed = array(
|
||||
//__('Posts'),
|
||||
__('Comments')
|
||||
);
|
||||
end ($menu);
|
||||
while (prev($menu)){
|
||||
$value = explode(
|
||||
' ',
|
||||
$menu[key($menu)][0]);
|
||||
if(in_array($value[0] != NULL?$value[0]:"" , $removed)){
|
||||
unset($menu[key($menu)]);
|
||||
}
|
||||
}
|
||||
}
|
||||
//add_action('admin_menu', 'remove_admin_menus');
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Options page
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
if( function_exists('acf_add_options_page') ) {
|
||||
|
||||
acf_add_options_page(array(
|
||||
'page_title' => 'Ostal ustawienia',
|
||||
'menu_title' => 'Ostal',
|
||||
'menu_slug' => 'ostal-settings',
|
||||
'capability' => 'edit_posts',
|
||||
'redirect' => false
|
||||
));
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Sierotki
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
function acf_orphans($value, $post_id, $field) {
|
||||
if ( class_exists( 'iworks_orphan' ) ) {
|
||||
$orphan = new \iworks_orphan();
|
||||
$value = $orphan->replace( $value );
|
||||
}
|
||||
return $value;
|
||||
}
|
||||
add_filter('acf/format_value/type=textarea', 'acf_orphans', 10, 3);
|
||||
add_filter('acf/format_value/type=wysiwyg', 'acf_orphans', 10, 3);
|
||||
|
||||
function my_theme_enqueue_styles() {
|
||||
wp_enqueue_style('custom', get_stylesheet_directory_uri() . '/css/custom.css', array(), '1.0.0', 'all');
|
||||
}
|
||||
|
||||
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
|
||||
126
wp-content/themes/ostal_WP/header.php
Normal file
126
wp-content/themes/ostal_WP/header.php
Normal file
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
|
||||
<head>
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-MCHZQMG');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.17e50649.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<!-- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet"> -->
|
||||
<link rel="profile" href="http://gmpg.org/xfn/11" />
|
||||
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
|
||||
|
||||
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> -->
|
||||
|
||||
<?php
|
||||
if(is_page_template( 'page-templates/template-home.php' )) { ?>
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
|
||||
<?php }?>
|
||||
|
||||
<!-- vue development -->
|
||||
<!-- <script src="https://unpkg.com/vue@next"></script> -->
|
||||
|
||||
<!-- vue production -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.11/vue.global.prod.js"
|
||||
integrity="sha512-v+zXKcc6SpL6LiZLwCzxijGutXrQ4tulM1X1IRWchA8gliet94/xz3OWeXDgEyPkvS3MLxwKwpceuJoUBc9Wxg=="
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
|
||||
<script src="https://unpkg.com/vue-easy-lightbox@next/dist/vue-easy-lightbox.umd.min.js"></script>
|
||||
|
||||
<?php
|
||||
|
||||
if(is_page_template( 'page-templates/template-gardens.php' )) { ?>
|
||||
<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
|
||||
<link rel="stylesheet" href="https://printjs-4de6.kxcdn.com/print.min.css">
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php wp_head(); ?>
|
||||
<!--10.03 blog -->
|
||||
<!-- <style>
|
||||
.row-fluid #content {margin:50px;}
|
||||
.row-fluid #content .post {padding-bottom:50px;}
|
||||
.row-fluid #content .post .title{font-size:36px;}
|
||||
.row-fluid #content .post .post-meta{padding-bottom:50px;}
|
||||
.row-fluid #content .post h2{font-size:24px;padding-top:20px;padding-bottom:20px;}
|
||||
.row-fluid #content .meta {padding-top:50px;}
|
||||
</style> -->
|
||||
<!--10.03 blog end -->
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCHZQMG"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
|
||||
<main class="main-content">
|
||||
|
||||
<header id="main-nav" class="header wrapper--inner">
|
||||
|
||||
<div class="header-logo">
|
||||
<a href="<?php echo get_home_url() ?>">
|
||||
<?php
|
||||
$logo = get_field('main_logo', 'option');
|
||||
if( !empty( $logo ) ): ?>
|
||||
<img src="<?php echo esc_url($logo['url']); ?>" class="img-auto" alt="<?php echo esc_attr($logo['alt']); ?>" />
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="nav nav-main">
|
||||
<div class="">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<span></span>
|
||||
|
||||
|
||||
<!-- <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> -->
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="" id="navbar">
|
||||
<?php wp_nav_menu( array(
|
||||
'theme_location' => 'primary',
|
||||
'menu_class' => 'main-menu' ) );
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php if (have_rows('social_media', 'option')) : ?>
|
||||
<ul class="social-media">
|
||||
<?php while (have_rows('social_media', 'option')) : the_row(); ?>
|
||||
|
||||
<?php
|
||||
$link = get_sub_field('url', 'option');
|
||||
if( $link ):
|
||||
$link_url = $link['url'];
|
||||
$link_target = $link['target'] ? $link['target'] : '_self';
|
||||
?>
|
||||
|
||||
<li class="social-media__single">
|
||||
<a href="<?php echo $link_url; ?>" target="<?php echo $link_target;?>">
|
||||
<?php
|
||||
$icon = get_sub_field('icon', 'option');
|
||||
if( !empty( $icon ) ): ?>
|
||||
<img src="<?php echo esc_url($icon['url']); ?>" alt="<?php echo esc_attr($icon['alt']); ?>" class="icon"/>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</nav>
|
||||
</header>
|
||||
BIN
wp-content/themes/ostal_WP/images/arrow-right.png
Normal file
BIN
wp-content/themes/ostal_WP/images/arrow-right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 B |
9
wp-content/themes/ostal_WP/index.php
Normal file
9
wp-content/themes/ostal_WP/index.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
/**
|
||||
* Ostal great index.php page
|
||||
*/
|
||||
|
||||
get_header(); ?>
|
||||
|
||||
|
||||
<?php get_footer();?>
|
||||
53
wp-content/themes/ostal_WP/js/main.js
Normal file
53
wp-content/themes/ostal_WP/js/main.js
Normal file
@@ -0,0 +1,53 @@
|
||||
const navbarBtn = document.querySelector('#navbar-btn');
|
||||
const mainMenu = document.querySelector('.main-menu');
|
||||
navbarBtn.addEventListener('click', () => {
|
||||
mainMenu.classList.toggle('active');
|
||||
if(mainMenu.classList.contains('active')) {
|
||||
disableScroll();
|
||||
}
|
||||
else {
|
||||
enableScroll();
|
||||
}
|
||||
});
|
||||
|
||||
function disableScroll() {
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
function enableScroll() {
|
||||
document.body.style.overflow = 'auto';
|
||||
}
|
||||
|
||||
//Gallery lightbox
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
// ===> DOM elements <=== //
|
||||
|
||||
const $imagesContainer = document.getElementById('gallery-lightbox');
|
||||
const $lightbox = document.getElementById('lightbox');
|
||||
|
||||
// ===> Event listeners and triggers <=== //
|
||||
|
||||
// Show lightbox
|
||||
$imagesContainer.addEventListener('click', e => {
|
||||
const imageWrapper = e.target.closest('.gallery-image');
|
||||
if (imageWrapper) {
|
||||
const image = imageWrapper.querySelector('img');
|
||||
if (image) {
|
||||
$lightbox.innerHTML = '<div class="close-lightbox"></div>' + image.outerHTML;
|
||||
$lightbox.classList.add('show');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Hide Lightbox
|
||||
$lightbox.addEventListener('click', (e) => {
|
||||
if (!e.target.hasAttribute('src')) {
|
||||
$lightbox.classList.remove('show');
|
||||
}
|
||||
});
|
||||
|
||||
// Loading...
|
||||
setTimeout(() =>
|
||||
$imagesContainer.classList.remove('loading')
|
||||
, 1500);
|
||||
|
||||
});
|
||||
1
wp-content/themes/ostal_WP/ostal-front/.gitattributes
vendored
Normal file
1
wp-content/themes/ostal_WP/ostal-front/.gitattributes
vendored
Normal file
@@ -0,0 +1 @@
|
||||
*.mp4 filter=lfs diff=lfs merge=lfs -text
|
||||
5
wp-content/themes/ostal_WP/ostal-front/.gitignore
vendored
Normal file
5
wp-content/themes/ostal_WP/ostal-front/.gitignore
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
node_modules
|
||||
.DS_Store
|
||||
dist-ssr
|
||||
*.local
|
||||
.mp4
|
||||
222
wp-content/themes/ostal_WP/ostal-front/carporty.html
Normal file
222
wp-content/themes/ostal_WP/ostal-front/carporty.html
Normal file
@@ -0,0 +1,222 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="xl:container xl:mx-auto">
|
||||
<section id="main-nav" class="pb-2 ">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:mb-14">
|
||||
<!-- bg -->
|
||||
<div class="bg-hero-carports bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-1/2 xl:mt-16 xl:pb-100">
|
||||
</div>
|
||||
<!-- bg -->
|
||||
|
||||
<!-- carporty -->
|
||||
<div class="p-6 lg:w-1/2">
|
||||
<h1 class="text-3xl font-semibold pb-6">Carporty</h1>
|
||||
<p class="text-xl mb-6 xl:pr-28">Carport to nowoczesna wiata samochodowa, której dach pokryty jest panelami
|
||||
fotowoltaicznymi. Pozwala zbudować zadaszenie, które chroni samochód przed czynnikami
|
||||
atmosferycznymi i
|
||||
jednocześnie wykorzystuje energię słoneczną do pozyskania energii elektrycznej.
|
||||
</p>
|
||||
<p class="text-xl mb-6 xl:pr-28">Stabilna konstrukcja carportu posiada instalację PV, złożoną z 9 modułów PV i z
|
||||
powodzeniem zastępuje montaż instalacji na dachu budynku. Co więcej w każdej chwili możesz ją
|
||||
rozbudować
|
||||
o kolejne stanowiska, jeśli tylko masz na to przestrzeń.</p>
|
||||
</div>
|
||||
<!-- carporty -->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="lg:flex lg:items-start lg:bg-gray ">
|
||||
<!-- budujemy -->
|
||||
<div class="bg-gray pt-12 pb-12 p-6 lg:w-3/6">
|
||||
<h3 class="text-3xl font-semibold mb-6">
|
||||
Budujemy carporty z aluminium
|
||||
</h3>
|
||||
<p class="text-xl mb-6 xl:pr-28">Nasze konstrukcje są stabilne, wykonane z aluminiowych profili. Mają dach
|
||||
jednospadowy.
|
||||
</p>
|
||||
|
||||
<p class="text-xl mb-6 xl:pr-28">Stawiamy carporty dla 1 lub 2 pojazdów, wyposażone w moduły PV:
|
||||
</p>
|
||||
<ul class="list-disc ml-4">
|
||||
<li class="text-xl mb-6 xl:pr-28"> Krzemowe – wykonane z krzemu: monokrystaliczne (sprawność w do 21,1%),
|
||||
pokrystaliczne (stosowane
|
||||
rzadziej, o sprawności w granicach 17-18%) i amorficzne (sprawność w granicach 6-10%). Są bardzo
|
||||
wydajne
|
||||
w słoneczne dni.
|
||||
</li>
|
||||
<li class="text-xl mb-6 xl:pr-28">Cienkowarstwowe – wykonane z miedzi, indu, selenu, galu i siarki. Cechuje je
|
||||
mniejsza sprawność niż ogniwa krzemowe, ale zachowują wysoką wydajność także w pochmurne dni i w
|
||||
warunkach słabego oświetlenia.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- budujemy -->
|
||||
|
||||
<!-- oferujemy -->
|
||||
<div class="p-6 pt-12 pb-12 lg:bg-gray lg:w-3/6">
|
||||
<h3 class="text-3xl font-semibold pb-6">Oferujemy różne modele carportów pod panele fotowoltaiczne:
|
||||
</h3>
|
||||
<p class="text-xl pb-6 xl:pr-28">konstrukcje wolnostojące (4 słupy)
|
||||
konstrukcje przyścienne (2 słupy, stosowane też jako dodatkowy moduł)
|
||||
konstrukcje bez słupów – sam dach
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">
|
||||
Szerokość konstrukcji dla 1 pojazdu wynosi: dł. 6,1 m (dł.) x 3,4 m (szer.) x 2,8 m (wys.), albo
|
||||
alternatywnie: dł. 7,5 m (dł.) x 3,2 m (szer.) x 2,8 m (wys.).
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<!-- oferujemy -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:mt-10">
|
||||
|
||||
<!-- czy wiesz ze -->
|
||||
<div
|
||||
class="bg-gray pt-12 pb-12 p-6 w-11/12 mx-auto mb-12 lg:p-20 lg:w-2/5 lg:flex lg:flex-col lg:items-start lg:justify-center">
|
||||
<p class="text-3xl font-semibold pb-6">Czy wiesz, że </p>
|
||||
<p class="text-xl">Energia elektryczna, która powstanie dzięki instalacji umieszczonej na wiacie, może
|
||||
brać udział w aukcjach OZE.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- standardowe -->
|
||||
<div class="p-6 lg:w-2/4">
|
||||
<p class="text-2xl font-semibold pb-6 xl:pr-28">
|
||||
Standardowe wyposażenie wiaty samochodowej z oferty firmy Ostal obejmuje:
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">konstrukcję pod instalację fotowoltaiczną o mocy Pmax 4,18 kW, złożoną z 9
|
||||
modułów
|
||||
PV lub konstrukcję pod instalację fotowoltaiczną o mocy Pmax 4,74 kW, złożoną z 12 modułów PV
|
||||
instalację elektryczną z gniazdem 230V
|
||||
</p>
|
||||
<p class="text-xl font-semibold pb-6 xl:pr-28">
|
||||
W ramach dodatkowego wyposażenia zapewniamy:
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">rynny odprowadzające wodę z dachu i rurę spustową (ø 50 mm, aluminium)
|
||||
oświetlenie LED z czujką ruchu i zmierzchu
|
||||
przesłony na boczne ściany: typu ZIIP120 lub rolety ze sterowaniem elektrycznym
|
||||
inwerter sieciowy lub wyspowy do pracy z bankiem energii oraz power bank 2,5 kW lub 10 kW
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html"
|
||||
class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
15
wp-content/themes/ostal_WP/ostal-front/dist/assets/favicon.svg
vendored
Normal file
15
wp-content/themes/ostal_WP/ostal-front/dist/assets/favicon.svg
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg width="410" height="404" viewBox="0 0 410 404" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>
|
||||
<path d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z" fill="url(#paint1_linear)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41D1FF"/>
|
||||
<stop offset="1" stop-color="#BD34FE"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFEA83"/>
|
||||
<stop offset="0.0833333" stop-color="#FFDD35"/>
|
||||
<stop offset="1" stop-color="#FFA800"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/home.js
vendored
Normal file
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/home.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
import"./main.js";import e from"https://unpkg.com/swiper/swiper-bundle.esm.browser.min.js";new e(".swiper-container",{loop:!0,speed:1e3,autoHeight:!0,slidesPerView:1,autoplay:{delay:3e3,pauseOnMouseEnter:!0},effect:"fade",fadeEffect:{crossFade:!0},navigation:{nextEl:".swiper-button-next"}});
|
||||
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/12.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/12.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/121-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/121-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/2-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/2-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
9
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/25wat-logo.svg
vendored
Normal file
9
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/25wat-logo.svg
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
<svg width="88" height="35" viewBox="0 0 88 35" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect width="88" height="35" fill="url(#pattern0)"/>
|
||||
<defs>
|
||||
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||||
<use xlink:href="#image0" transform="scale(0.0113636 0.0285714)"/>
|
||||
</pattern>
|
||||
<image id="image0" width="88" height="35" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAjCAYAAAAQcM02AAAKS0lEQVRoBdVYe1CV1xH3j/pK1RRT0ExpamqaqJAKKCII1WgKiCAiGiNmiiCCUiFmiimMTtFGM9NIY5lxfEWUGRGNzKg0JTgWtKDiOOOLl4rFFz5g8P3AJ7qd3zp753j87ne/exWTnpnLnrNnd8+e33fO7h46kdaePHlC+Bk18B8/fmx33khHeGJXqPBfhKq21L6rNs1smM2ZrdfJbFKfk0VApQFwNJkTPsbqx9DnRe5l0Y6276qfpgBbcVoFUuR16qpzup7Y1fk/5rHTAKunEhvTNy1joS9z845sOpq35wv05Cbak3GVbwqwkVGjTegOyhhUmugJFf7LpK7adlXPiu9OA2xkVHdQxuqpUHno/7808dtVfy0BrIcFK4vpjskY1BV7jtYU+47k7M2LX/r8i9q1BLAri6gO6/ovE2CxLVQHyOr4RfXtrWMJYHvKZnzVYemrVAdZH5vZVufEpsr7MfU7wUFszmpzFggVAHt9rK3OWfWlo+ScxcTMDwYYBu21S5cuUUtLCz169IhFZHFVB6BfvHiRmpubbR9LldNlIX/t2jWC7Xv37tlehs5+PCOfrdiAjFmDv6rPZrKO5kxDxKZNm8h/qD95/sKTtm7dSnfv3mV7Dx48sDnw8OFD2rhxI3m4e5DPYB8qKSlhGWwCH0XdDPoVFRU0depU8vT0ZJ2hQ4ZSXl4e3bp1i222t7fTmjXfkJeXF73v/T55K7/AwCBauWKlbU+wB3lQAcQKOCJrM9SBHVOAk5OTqVfPXtSlcxdKnZ3KJxS+AFRsDO3OnTsUExND3bp2Y8DS09KZj01ARgAAs6TkexriN4Tcf+5OkZGRlJiYSP1/3Z96/LQHrV692vYBP5/3OXXt0pVG/m4kjRk9hj4c8yGF/j6UJsZMpA0bNjxjH+Di1xHt9u3btH3bdv6oTeeaXFrCFOB169bRwAEDGeTNmzdTW1sbLwKAASA2htOcvz6funfrTu/0f4eKtxezjAAsm79//z4tW7aMcGLXr1/Pepirr6+nwOGBzEfIQJs1axZ1/klnam1ttdnCOq+6nTlzhg9BzIQYOnHihEvLmwIMixcuXOD4KjEYoOhXDLyzZ8+yLOZkHlQAhi3YQOzFqZc50JkzZ1LfPn2psbGR+XFT4+j1Xq+zHPQgo4YlfOiamhpqaGiw5Qasc/78eTp48CBdvnzZ5gP0jh49SgAL68MW1j906BAtX76ccv+RS7t376br16+zDGRv3rzJtoq2FNG4iHE0auQo+nbzt3T48GG6cuWKU0A7BNgpa04Iy4fCNYyNjaV3f/MufyQAEBYWRu7u7rxJTp6Xmhk0uTkAC3EcYebkyZO8KgBCaEFIW7FihS3cAMgB7w3ga44cgkScPDOZ3H7mxrml36/60Vu/fIsiIsbRjMQZfJP2799PK1eu5JDXs0dPDmEIayNGjLDlGKtb/cEAhoMAbMuWLTRo4CBKTEika1ev8QnDRgCUr48vx+yQ4BDKyMjgk4gTiRO2dOlSTsDbtm3jvR45coQmxU7iXDArZRY1/reR+QAbH6+qqopBT0hIoDd6v8HrVVZWUm1tHa1du5Zt4db4+/sTbB07doxyc3Ppg1EfMC9naQ4VFxfTuXPnrGLLcj8YwAAKGxweMJyrBQAgVcfs2bMpKjKKosdH0/io8QSA3+73Nvn5+tGePXs47JR+X0peg7woO3shJ1JUMqNHjyZvL28Gpby8nO3Fx8ezrTOnz9C+ffsY3ITpCbZwgSQMX/bu3cs5BFUTwEU7ffo0QbZDY7BTn8uisICLCgGlWEFBAcdFhA381MoDIePGjRucGFHafTLtE0LCrK6upvDwcPp4ysccOxcsWEAToifQ/Pnz+TSuWb2Gw0dQYBAtWbKErl69Sl///WvCla/aV8WeSmzHmggdc/44h3Xr658CfOrUKYr/QzwD3HCiweLunhXjh4bKwqL4SZOxSmUOVOWrfVVGlQO4Bw4coKioKD5teevyOMFAV8BFrMRY9EBRUYSHhVNwcDCD0dLcQhl/yqDgEcF8xRGTP5v7GYcCJKb09HRatWoVDf7tYNq5cyefUgANgKuPVttsS1yH/cw/ZzLAdXX1vD4Anj59OpehqCJkf6xs8Y/tJaduSPpYtLKiksr+XcZJBidLXwSgQG7Hjh1U8Z8KG1hiQ/zAWK4ikpqPjw8Dg9MpNmELSa1wYyG/8sAHDxT8sNAwzug4bQAmPz+fvL29KTo6mk8zYik+zty5c7l2jhwXyeEC1QbsIN67ublxbJVbAj5CE8LC2PCxNMx/GJeOWBMAIzfETozlikX8lD1ZoaYAF2woID8/P45/eNUh4+uLADRs7M2+b3JSQmEuMqDSsCFk9MmTJrMsal2URyiL5IdKADzYWpi9kEsxlH/YPMBExk+akcQhArZ37dpFISEhXOIhTiKOgg/ZgIAA8vDwIMRzPPXBx0dCEvP19aXysnKuUnA46urq6MslX1Jvt94UMCyA14M8ElpKSgp/LNwCfFh5C8i+HFFOcjCm/qCE8byMeVyq4JWG2Nba+rS+xJw0LIhN4+UFYLL/kv2cLcji4yBO4or28ejDyQ2vM/6FhlJoaCg/o5uamiguLo5BGzt2LOE1ieoAjxicMIAqvqJSSElO4UfOp5/Opebmp0ACsIiICHqt+2uExxJ8FB2c4qCgIE6QaXPSKCszi6ZMmcLA4sGDEwx9yKNaycnJ4VCGZLto0SKuMGTvVqjtBENYnJB+aWkpoazBBsvKyvj6qTKQw1X97p/f8TXFdUJIERmhkENxj0yPGhRlFE4GwGGaksI8PBJgD1dz8eLFNG3aNK4kPpr8EWVmZnLVoYaptjttVPKvEk5OpaU7qL39aTjBP5Dw/w0823H6JczAH+jjNKalpXFsRWJMTU2lwsJCKioqoi/++oXtwQQ96H/1t68oKSmJsrKy+CGD/VhtzwCsK2Gzx48f55iEzK0CJrLgIUzgmkNW3YzIC0V8RBiw94MdyKIhLiI8oCZFgpHXn9gSCr8Qx1X/MIe1cALl9SZ2xW/8c6m2tpZqqms4h8Bv6ICv68D25dbLnIfw8Zxpdutg2YBQI6Myp1JVzogvPFXOrG8kLzyVwoaMnbVnJq/ahX1n2wsDrDqgLm60WeEJVeXt9c1k7c054mMeTZVT+0a+OJo30gHvOYCtGNJl9LE950VOqD2nzPhWdO3J6HwZq9RsbVfmnovBshiMqX3VuD2+KqP2RV6oOueor+voY1Vf5oSqc/b6IgvaEe0ZgGUxWUgfC1+lVmRUebVvRVeXUcdGffCsNmdkrdrU5RhgYYrDziwsOmJDp2bzZnO6HaOxqi99nRrpCQ+yVpuRXSOeag/zpgCLAVXJUV/X0cfO6pvJi21QaSpP5evzMnZEdXsyhp70jajMP5fk1AVFUeU56pvpyJxQ1ZbwhMocxmZNlzeTxVxHyItNI2oKsD1nVUMiIzwZG1GREarKGPEwD/6rbqovat+qH6ID+koAlgXNHLQiA32rcvpazuipsmpft2ll/D/StxtVUfjhvAAAAABJRU5ErkJggg=="/>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/3-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/3-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/4-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/4-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/51-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/51-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/6-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/6-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/7-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/7-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/8-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/8-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/9-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/9-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/dach-jednospadowy.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/dach-jednospadowy.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-2-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-2-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-3-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-3-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-4-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-4-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-5-150x150.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/domek-5-150x150.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/hero-about.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/hero-about.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/hero-carports.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/hero-carports.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 340 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/hero-gardens.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/hero-gardens.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
11
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/icon1.svg
vendored
Normal file
11
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/icon1.svg
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="57" height="57" viewBox="0 0 57 57" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M47.5813 6.00279C47.4161 5.83757 47.1958 5.7825 47.0306 5.7825H46.2045C45.9842 5.7825 45.7639 5.83757 45.6537 6.00279C45.4334 6.16801 42.6247 8.75644 40.1464 12.5565L27.8651 1.43172C27.6999 1.2665 27.4796 1.21143 27.3144 1.21143C26.9839 1.21143 26.9839 1.21142 13.491 13.9333L0.273479 26.4349C-0.00188652 26.6552 -0.0569596 27.0407 0.0531866 27.3712C0.163333 27.7016 0.493772 27.9219 0.82421 27.9219H7.10255V54.9077C7.10255 55.4034 7.48806 55.7889 7.98372 55.7889H46.59C47.0856 55.7889 47.4711 55.4034 47.4711 54.9077V39.2119L51.7668 35.3017C55.2915 31.9973 57.0539 28.1973 56.9988 23.9566C56.8886 14.5391 47.9668 6.3883 47.5813 6.00279ZM45.7088 54.0816H8.80981V54.0266V27.0407C8.80981 26.5451 8.4243 26.1596 7.92864 26.1596H2.91699C8.03879 21.3682 24.01 6.22308 27.2593 3.19406L39.1551 14.0985C37.5029 16.9623 36.1812 20.3769 36.1812 24.0117C36.1261 28.2523 37.8884 32.0524 41.4131 35.3568L45.7088 39.267V54.0816ZM50.6103 34.035L47.4711 36.8988V22.745C47.4711 22.2494 47.0856 21.8639 46.59 21.8639C46.0943 21.8639 45.7088 22.2494 45.7088 22.745V36.8988L42.5696 34.035C39.4305 31.1161 37.8333 27.7016 37.8884 23.9566C37.9435 16.1362 45.103 8.86659 46.4798 7.54484H46.645C48.0219 8.86659 55.1814 16.1362 55.2365 24.0117C55.2915 27.7567 53.7495 31.1161 50.6103 34.035Z" fill="white"/>
|
||||
<path d="M43.1752 40.2031C43.1752 40.148 43.1201 40.148 43.1201 40.0929C43.1201 40.0379 43.0651 39.9828 43.0651 39.9828L40.4766 37.119C38.3838 34.9161 36.0157 33.7595 33.3171 33.7595C27.2591 33.8146 22.0822 39.4871 21.8619 39.7074C21.6967 39.8726 21.6416 40.0929 21.6416 40.2582V40.8089C21.6416 41.0292 21.6967 41.2495 21.8619 41.3596C22.0822 41.5799 27.2591 47.3075 33.262 47.3075C35.9606 47.3075 38.3288 46.2061 40.4215 43.9481L43.01 41.1393C43.065 41.0843 43.0651 41.0292 43.1201 41.0292C43.1201 40.9741 43.1752 40.9741 43.1752 40.919C43.2303 40.7538 43.2303 40.6437 43.2303 40.5335C43.2303 40.4234 43.2303 40.3132 43.1752 40.2031ZM32.4359 41.4698H40.4766L39.2099 42.7915C37.5027 44.664 35.465 45.6003 33.3171 45.6003C28.8011 45.6003 24.6156 41.6901 23.459 40.5335C24.6156 39.377 28.8011 35.4668 33.3171 35.4668C35.52 35.4668 37.5027 36.403 39.2099 38.2755L40.4766 39.7074H32.4359C31.9403 39.7074 31.5548 40.0929 31.5548 40.5886C31.5548 41.0843 31.9403 41.4698 32.4359 41.4698Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="57" height="57" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
7
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/icon2.svg
vendored
Normal file
7
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/icon2.svg
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M45.6053 5.69573L40.3043 0.394773C40.0516 0.142043 39.7088 0 39.3514 0H6.64871C6.29131 0 5.94855 0.142043 5.69582 0.394773L0.394773 5.69573C0.142043 5.94846 0 6.29122 0 6.64871V6.73828C0 6.73891 8.98438e-05 6.73945 8.98438e-05 6.73999V39.2425C8.98438e-05 39.9868 0.60348 40.5901 1.34775 40.5901C2.09201 40.5901 2.6954 39.9868 2.6954 39.2425V13.4712C2.73125 13.474 2.7671 13.4767 2.80366 13.4767H43.3047V39.2426C43.3047 39.9868 43.9081 40.5902 44.6523 40.5902C45.3966 40.5902 46 39.9868 46 39.2426V6.73828V6.64862C46 6.29122 45.858 5.94846 45.6053 5.69573ZM7.20691 2.69531H38.7932L41.4885 5.39062H4.51159L7.20691 2.69531ZM43.3047 10.7813H2.80366C2.7671 10.7813 2.73125 10.7839 2.6954 10.7868V8.08594H43.3048V10.7813H43.3047Z" fill="white"/>
|
||||
<path d="M38.764 29.1733C38.4964 28.6622 35.0063 21.9476 35.0063 21.9476C34.0214 20.075 32.1871 18.957 30.0994 18.957H15.877C13.7908 18.957 11.957 20.0738 10.9716 21.9444C10.3963 23.0368 7.08445 29.1211 6.77161 29.7149C5.8951 30.7023 5.39512 32.004 5.39305 33.4371L5.39062 42.6324C5.39062 44.4893 6.90135 46 8.75824 46H12.8043C14.6612 46 16.1719 44.4893 16.1719 42.6324V40.6094H29.8281V42.6324C29.8281 44.4893 31.3388 46 33.1957 46H37.2418C39.0986 46 40.6094 44.4893 40.6094 42.6324V33.3621C40.6116 31.699 39.9239 30.1985 38.764 29.1733ZM13.3564 23.2006C13.8823 22.2022 14.7775 21.6523 15.877 21.6523H30.0994C31.1837 21.6523 32.1028 22.2173 32.6208 23.2021C32.6208 23.2021 34.6749 27.1157 34.8773 27.5095C30.3084 26.41 24.2048 26.1577 23.0034 26.1577C18.519 26.1577 14.2521 26.6595 11.0586 27.5333C11.277 27.1386 12.7814 24.2923 13.3564 23.2006ZM13.4766 42.6324C13.4766 42.9969 13.1687 43.3047 12.8043 43.3047H8.75824C8.39383 43.3047 8.08594 42.9968 8.08594 42.6324V39.8642C8.89947 40.3498 9.82531 40.6095 10.7866 40.6095H13.4766V42.6324ZM10.7866 37.9141C10.0941 37.9141 9.43422 37.6352 8.92849 37.1286C8.38413 36.5835 8.08495 35.8512 8.08612 35.0668L8.08845 33.441C8.09025 32.2234 8.73164 31.2319 9.80429 30.789C12.7395 29.5768 17.6737 28.8531 23.0034 28.8531C25.0661 28.8531 32.2908 29.2997 36.0865 30.6668C37.2155 31.0735 37.9158 32.1049 37.9141 33.3584L37.9117 35.0689C37.9095 36.6377 36.6979 37.9141 35.2111 37.9141H10.7866ZM37.9141 42.6324C37.9141 42.9969 37.6062 43.3047 37.2418 43.3047H33.1957C32.8313 43.3047 32.5235 42.9968 32.5235 42.6324V40.6094H35.2111C36.1954 40.6094 37.1185 40.3354 37.9142 39.8598V42.6324H37.9141Z" fill="white"/>
|
||||
<path d="M12.1289 32.5278C11.3866 32.5278 10.7812 33.1332 10.7812 33.8755C10.7812 34.6178 11.3866 35.2231 12.1289 35.2231C12.8712 35.2231 13.4766 34.6178 13.4766 33.8755C13.4766 33.1332 12.8712 32.5278 12.1289 32.5278Z" fill="white"/>
|
||||
<path d="M33.8711 32.5234C33.1288 32.5234 32.5234 33.1288 32.5234 33.8711C32.5234 34.6134 33.1288 35.2188 33.8711 35.2188C34.6134 35.2188 35.2188 34.6134 35.2188 33.8711C35.2188 33.1288 34.6134 32.5234 33.8711 32.5234Z" fill="white"/>
|
||||
<path d="M28.4811 32.5234H17.5205C16.7762 32.5234 16.1729 33.1268 16.1729 33.8711C16.1729 34.6154 16.7762 35.2188 17.5205 35.2188H28.4812C29.2254 35.2188 29.8288 34.6154 29.8288 33.8711C29.8288 33.1268 29.2254 32.5234 28.4811 32.5234Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
15
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/icon3.svg
vendored
Normal file
15
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/icon3.svg
vendored
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.7 KiB |
9
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/logo.svg
vendored
Normal file
9
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/logo.svg
vendored
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 100 KiB |
11
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/next.svg
vendored
Normal file
11
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/next.svg
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M20.8595 11.8846H1.43229C0.958909 11.8846 0.575195 11.4883 0.575195 10.9999C0.575195 10.5115 0.958867 10.1152 1.43229 10.1152H20.8595C21.3329 10.1152 21.7166 10.5112 21.7166 10.9999C21.7166 11.4886 21.3329 11.8846 20.8595 11.8846Z" fill="white"/>
|
||||
<path d="M21.6366 11.6258L13.2375 20.2962C12.9026 20.6415 12.3604 20.6415 12.0255 20.2962C11.6907 19.9505 11.6907 19.3902 12.0255 19.0449L19.8187 11L12.0255 2.95511C11.6907 2.60977 11.6907 2.04945 12.0255 1.70411C12.193 1.53128 12.4121 1.44487 12.6315 1.44487C12.8509 1.44487 13.07 1.53128 13.2375 1.70411L21.6366 10.3745C21.9714 10.7201 21.9714 11.2805 21.6366 11.6258Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="21.3125" height="22" fill="white" transform="matrix(1 0 0 -1 0.575195 22)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 918 B |
9
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/pdf.svg
vendored
Normal file
9
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/pdf.svg
vendored
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 18 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/print-icon.png
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/print-icon.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/realizacja.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/realizacja.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slide-1.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slide-1.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slide-2.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slide-2.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 491 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slide-3.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slide-3.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 611 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slider-sec-2.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slider-sec-2.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slider-sec-3.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slider-sec-3.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slider-sec.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/slider-sec.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/vid1.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/vid1.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/vid2.jpg
vendored
Normal file
BIN
wp-content/themes/ostal_WP/ostal-front/dist/assets/images/vid2.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/main.css
vendored
Normal file
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/main.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/main.js
vendored
Normal file
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/main.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
const c=function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))s(e);new MutationObserver(e=>{for(const o of e)if(o.type==="childList")for(const t of o.addedNodes)t.tagName==="LINK"&&t.rel==="modulepreload"&&s(t)}).observe(document,{childList:!0,subtree:!0});function n(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerpolicy&&(o.referrerPolicy=e.referrerpolicy),e.crossorigin==="use-credentials"?o.credentials="include":e.crossorigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(e){if(e.ep)return;e.ep=!0;const o=n(e);fetch(e.href,o)}};c();$(document).ready(function(){var i=$(window);function r(){var n=i.width();n>1e3?$("#navbar").css("display","block"):$("#navbar").css("display","none")}r(),$(window).resize(r)});$("#navbar-btn").click(function(){$("#navbar").toggle()});
|
||||
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/vue-slider.js
vendored
Normal file
1
wp-content/themes/ostal_WP/ostal-front/dist/assets/vue-slider.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var t=Vue.createApp({el:"#app",data(){return{visible:!1,index:0,items:[]}},async created(){},mounted(){fetch("http://localhost/ostal/wp-json/wp/v2/realizacje"),fetch().then(e=>e.json()).then(e=>this.items=e)},methods:{showImg(e){this.index=e,this.visible=!0},handleHide(){this.visible=!1}},computed:{images(){return this.items.map(e=>e.acf.zdjecia.map(s=>s.sizes.large))}}});t.use(VueEasyLightbox);t.mount("#app");
|
||||
224
wp-content/themes/ostal_WP/ostal-front/dist/carporty.html
vendored
Normal file
224
wp-content/themes/ostal_WP/ostal-front/dist/carporty.html
vendored
Normal file
@@ -0,0 +1,224 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="xl:container xl:mx-auto">
|
||||
<section id="main-nav" class="pb-2 ">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:mb-14">
|
||||
<!-- bg -->
|
||||
<div class="bg-hero-carports bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-1/2 xl:mt-16 xl:pb-100">
|
||||
</div>
|
||||
<!-- bg -->
|
||||
|
||||
<!-- carporty -->
|
||||
<div class="p-6 lg:w-1/2">
|
||||
<h1 class="text-3xl font-semibold pb-6">Carporty</h1>
|
||||
<p class="text-xl mb-6 xl:pr-28">Carport to nowoczesna wiata samochodowa, której dach pokryty jest panelami
|
||||
fotowoltaicznymi. Pozwala zbudować zadaszenie, które chroni samochód przed czynnikami
|
||||
atmosferycznymi i
|
||||
jednocześnie wykorzystuje energię słoneczną do pozyskania energii elektrycznej.
|
||||
</p>
|
||||
<p class="text-xl mb-6 xl:pr-28">Stabilna konstrukcja carportu posiada instalację PV, złożoną z 9 modułów PV i z
|
||||
powodzeniem zastępuje montaż instalacji na dachu budynku. Co więcej w każdej chwili możesz ją
|
||||
rozbudować
|
||||
o kolejne stanowiska, jeśli tylko masz na to przestrzeń.</p>
|
||||
</div>
|
||||
<!-- carporty -->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="lg:flex lg:items-start lg:bg-gray ">
|
||||
<!-- budujemy -->
|
||||
<div class="bg-gray pt-12 pb-12 p-6 lg:w-3/6">
|
||||
<h3 class="text-3xl font-semibold mb-6">
|
||||
Budujemy carporty z aluminium
|
||||
</h3>
|
||||
<p class="text-xl mb-6 xl:pr-28">Nasze konstrukcje są stabilne, wykonane z aluminiowych profili. Mają dach
|
||||
jednospadowy.
|
||||
</p>
|
||||
|
||||
<p class="text-xl mb-6 xl:pr-28">Stawiamy carporty dla 1 lub 2 pojazdów, wyposażone w moduły PV:
|
||||
</p>
|
||||
<ul class="list-disc ml-4">
|
||||
<li class="text-xl mb-6 xl:pr-28"> Krzemowe – wykonane z krzemu: monokrystaliczne (sprawność w do 21,1%),
|
||||
pokrystaliczne (stosowane
|
||||
rzadziej, o sprawności w granicach 17-18%) i amorficzne (sprawność w granicach 6-10%). Są bardzo
|
||||
wydajne
|
||||
w słoneczne dni.
|
||||
</li>
|
||||
<li class="text-xl mb-6 xl:pr-28">Cienkowarstwowe – wykonane z miedzi, indu, selenu, galu i siarki. Cechuje je
|
||||
mniejsza sprawność niż ogniwa krzemowe, ale zachowują wysoką wydajność także w pochmurne dni i w
|
||||
warunkach słabego oświetlenia.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- budujemy -->
|
||||
|
||||
<!-- oferujemy -->
|
||||
<div class="p-6 pt-12 pb-12 lg:bg-gray lg:w-3/6">
|
||||
<h3 class="text-3xl font-semibold pb-6">Oferujemy różne modele carportów pod panele fotowoltaiczne:
|
||||
</h3>
|
||||
<p class="text-xl pb-6 xl:pr-28">konstrukcje wolnostojące (4 słupy)
|
||||
konstrukcje przyścienne (2 słupy, stosowane też jako dodatkowy moduł)
|
||||
konstrukcje bez słupów – sam dach
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">
|
||||
Szerokość konstrukcji dla 1 pojazdu wynosi: dł. 6,1 m (dł.) x 3,4 m (szer.) x 2,8 m (wys.), albo
|
||||
alternatywnie: dł. 7,5 m (dł.) x 3,2 m (szer.) x 2,8 m (wys.).
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<!-- oferujemy -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:mt-10">
|
||||
|
||||
<!-- czy wiesz ze -->
|
||||
<div
|
||||
class="bg-gray pt-12 pb-12 p-6 w-11/12 mx-auto mb-12 lg:p-20 lg:w-2/5 lg:flex lg:flex-col lg:items-start lg:justify-center">
|
||||
<p class="text-3xl font-semibold pb-6">Czy wiesz, że </p>
|
||||
<p class="text-xl">Energia elektryczna, która powstanie dzięki instalacji umieszczonej na wiacie, może
|
||||
brać udział w aukcjach OZE.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- standardowe -->
|
||||
<div class="p-6 lg:w-2/4">
|
||||
<p class="text-2xl font-semibold pb-6 xl:pr-28">
|
||||
Standardowe wyposażenie wiaty samochodowej z oferty firmy Ostal obejmuje:
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">konstrukcję pod instalację fotowoltaiczną o mocy Pmax 4,18 kW, złożoną z 9
|
||||
modułów
|
||||
PV lub konstrukcję pod instalację fotowoltaiczną o mocy Pmax 4,74 kW, złożoną z 12 modułów PV
|
||||
instalację elektryczną z gniazdem 230V
|
||||
</p>
|
||||
<p class="text-xl font-semibold pb-6 xl:pr-28">
|
||||
W ramach dodatkowego wyposażenia zapewniamy:
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">rynny odprowadzające wodę z dachu i rurę spustową (ø 50 mm, aluminium)
|
||||
oświetlenie LED z czujką ruchu i zmierzchu
|
||||
przesłony na boczne ściany: typu ZIIP120 lub rolety ze sterowaniem elektrycznym
|
||||
inwerter sieciowy lub wyspowy do pracy z bankiem energii oraz power bank 2,5 kW lub 10 kW
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html"
|
||||
class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
299
wp-content/themes/ostal_WP/ostal-front/dist/index.html
vendored
Normal file
299
wp-content/themes/ostal_WP/ostal-front/dist/index.html
vendored
Normal file
@@ -0,0 +1,299 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/home.js"></script>
|
||||
<link rel="modulepreload" href="/assets/main.js">
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<section id="main-nav" class="pb-2 sticky top-0 z-50 bg-white">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="bg-blue md:bg-white text-white font-semibold pb-16 sm:pb-0 ">
|
||||
|
||||
<div class="swiper-container 2xl:container 2xl:mx-auto">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- SLIDE -->
|
||||
<div class="swiper-slide">
|
||||
|
||||
<div class="slide slide-3">
|
||||
<h1 class="font-semibold text-xl text-blue bg-white p-6 lg:text-4xl xl:text-3xl md:mb-6 xl:mb-12 ">Marzysz o
|
||||
własnym
|
||||
ogrodzie?
|
||||
</h1>
|
||||
|
||||
<div class="xl:w-11/12 xl:relative 2xl:max-w-full 2xl-w-11/12">
|
||||
|
||||
<a href="#"
|
||||
class="btn-cta items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 hidden md:flex md:absolute 2xl:ml-6 md:border-blue md:-mt-6 hover:bg-blue-100">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Zapoznaj się z naszą ofertą ogrodów zimowych!</p>
|
||||
</a>
|
||||
|
||||
<div class="bg-hero-slide-1 bg-cover bg-no-repeat pb-64 sm:pb-96 xl:pb-100 ">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="xl:w-600 xl:h-480 xl:bg-slide-small-1 bg-cover xl:border-60 xl:border-blue xl:absolute xl:right-0 xl:-mr-28 xl:top-3/4">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- SLIDE END-->
|
||||
|
||||
<!-- SLIDE -->
|
||||
<div class="swiper-slide">
|
||||
|
||||
<div class="slide slide-3">
|
||||
<h1 class="font-semibold text-xl text-blue bg-white p-6 lg:text-4xl xl:text-3xl md:mb-6 xl:mb-12 ">Chcesz chronić swój samochód przed warunkami atmosferycznymi?
|
||||
|
||||
</h1>
|
||||
|
||||
<div class="xl:w-11/12 xl:relative 2xl:max-w-full 2xl-w-11/12">
|
||||
|
||||
<a href="#"
|
||||
class="btn-cta items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 hidden md:flex md:absolute 2xl:ml-6 md:border-blue md:-mt-6 hover:bg-blue-100">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Sprawdź naszą ofertę carportów!</p>
|
||||
</a>
|
||||
|
||||
<div class="bg-hero-slide-2 bg-cover bg-no-repeat pb-64 sm:pb-96 xl:pb-100 ">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="xl:w-600 xl:h-480 xl:bg-slide-small-2 bg-cover xl:border-60 xl:border-blue xl:absolute xl:right-0 xl:-mr-28 xl:top-3/4">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- SLIDE END-->
|
||||
|
||||
<!-- SLIDE -->
|
||||
<div class=" swiper-slide">
|
||||
|
||||
<div class="slide slide-3">
|
||||
<h1 class="font-semibold text-xl text-blue bg-white p-6 lg:text-4xl xl:text-3xl md:mb-6 xl:mb-12 ">Zastanawiasz się, jaki ogród zimowy byłby dla Ciebie najlepszy?
|
||||
|
||||
</h1>
|
||||
|
||||
<div class="xl:w-11/12 xl:relative 2xl:max-w-full 2xl-w-11/12">
|
||||
|
||||
<a href="#"
|
||||
class="btn-cta items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 hidden md:flex md:absolute 2xl:ml-6 md:border-blue md:-mt-6 hover:bg-blue-100">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Zobacz nasze realizacje!</p>
|
||||
</a>
|
||||
|
||||
<div class="bg-hero-slide-3 bg-cover bg-no-repeat pb-64 sm:pb-96 xl:pb-100 ">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="xl:w-600 xl:h-480 xl:bg-slide-small-3 bg-cover xl:border-60 xl:border-blue xl:absolute xl:right-0 xl:-mr-28 xl:top-3/4">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- SLIDE END-->
|
||||
|
||||
</div><!-- swiper wrapper -->
|
||||
|
||||
|
||||
<div class="swiper-button-next absolute top-1/4 hidden xl:block xl:right-28 2xl:right-36 ">
|
||||
<div class="slider-nav">
|
||||
<div class="bg-blue hover:bg-blue-100 w-16 h-16 flex items-center justify-center ">
|
||||
<img src="/assets/images/next.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div><!-- swiper container -->
|
||||
|
||||
|
||||
<div class="md:bg-blue xl:pb-32 xl:-mt-102">
|
||||
<div class="pt-3 xl:pt-52 xl:-mt-64 xl:container xl:mx-auto">
|
||||
<a href="#"
|
||||
class="btn-cta flex items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 md:hidden">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Zapoznaj się z naszą ofertą ogrodów zimowych!</p>
|
||||
</a>
|
||||
<div class="p-6 xl:max-w-3xl 2xl:max-w-4xl xl:pt-12 ">
|
||||
<h1 class="text-3xl pb-6 lg:text-4xl xl:text-5xl xl:mt-12 xl:leading-14 xl:pr-16">Pomagamy Wam stworzyć
|
||||
oazę spokoju</h1>
|
||||
<h2 class="text-lg xl:pr-12 ">miejsce odpoczynku, relaksu i oderwania od codzienności, a jednocześnie podnosimy wartość Waszej nieruchomości. Tworzymy piękno i funkcjonalność w jednym.
|
||||
</h2>
|
||||
</div>
|
||||
<div class="inline-block p-6 ml-6 border-b-2 border-white mb-10 text-xl xl:mb-2">
|
||||
<p>Nasza oferta</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mx-auto -mt-9 mb-10 sm:mt-3 lg:flex lg:justify-between xl:max-w-5xl xl:-mt-24 xl:mb-24">
|
||||
|
||||
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="feature-box block bg-blue text-white p-10 mx-auto m-3 h-64 w-80 relative sm:w-11/12 xl:max-w-xs">
|
||||
<img class="absolute right-6 -mt-16 hidden xl:block" src="/assets/images/icon1.svg" alt="">
|
||||
<h3 class="text-xl pb-6 ">Modele ogrodów</h3>
|
||||
<p>Sprawdź, jaki rodzaj ogrodu zimowego najlepiej zaspokaja Twoje potrzeby.</p>
|
||||
<div class="inline-block border-b-2 border-color-white absolute bottom-7 right-7">
|
||||
<p>więcej</p>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="/carporty.html"
|
||||
class="feature-box block bg-blue text-white p-10 mx-auto m-3 h-64 w-80 relative sm:w-11/12 xl:max-w-xs">
|
||||
<img class="absolute right-6 -mt-16 hidden xl:block" src="/assets/images/icon2.svg" alt="">
|
||||
<h3 class="text-xl pb-6">Modele carportów</h3>
|
||||
<p>Zobacz, jak możesz wykorzystać carporty w swoim domu.
|
||||
</p>
|
||||
<div class="inline-block border-b-2 border-color-white absolute bottom-7 right-7">
|
||||
<p>więcej</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="feature-box block bg-blue text-white p-10 mx-auto m-3 h-64 w-80 relative sm:w-11/12 xl:max-w-xs">
|
||||
<img class="absolute right-6 -mt-16 hidden xl:block" src="/assets/images/icon3.svg" alt="">
|
||||
<h3 class="text-xl pb-6">Nasze realizacje</h3>
|
||||
<p>Obejrzyj piękne, funkcjonalne projekty, jakie zrealizowaliśmy dla naszych klientów.
|
||||
</p>
|
||||
<div class="inline-block border-b-2 border-color-white absolute bottom-7 right-7">
|
||||
<p>więcej</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
142
wp-content/themes/ostal_WP/ostal-front/dist/kontakt.html
vendored
Normal file
142
wp-content/themes/ostal_WP/ostal-front/dist/kontakt.html
vendored
Normal file
@@ -0,0 +1,142 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:container lg:mx-auto">
|
||||
|
||||
<div class="p-6 lg:p-0">
|
||||
<h1 class="text-3xl font-semibold pb-6">Kontakt</h1>
|
||||
</div>
|
||||
|
||||
<div class="text-white lg:flex lg:flex-row">
|
||||
<div class="bg-blue pt-12 pb-12 p-6 lg:w-6/12">
|
||||
<div class="pb-6 text-xl">
|
||||
<p>OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="pb-6 text-xl">
|
||||
<p>Pytania technicznie , oferta:</p>
|
||||
<p>Mariusz <a href="">+48 75 640 70 80</a></p>
|
||||
</div>
|
||||
|
||||
<div class="pb-6 text-xl">
|
||||
<p>Współpraca , kariera</p>
|
||||
<p>Krysztof <a href="">+48 75 640 70 80</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:w-full">
|
||||
<iframe class="w-full"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2502.856056265485!2d15.01493321575677!3d51.1480054795777!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4708dc057fca8a73%3A0x66d8cb5b2b983cc2!2sBohater%C3%B3w%20II%20Armii%20Wojska%20Polskiego%2014F%2C%2059-900%20Zgorzelec!5e0!3m2!1sen!2spl!4v1621415125033!5m2!1sen!2spl"
|
||||
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
wp-content/themes/ostal_WP/ostal-front/dist/lightbox.html
vendored
Normal file
44
wp-content/themes/ostal_WP/ostal-front/dist/lightbox.html
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<script type="module" crossorigin src="/assets/vue-slider.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="mx-auto">
|
||||
|
||||
<section id="app" class="p-6 md:p-0 flex flex-col items-center sm:flex-wrap sm:flex-row sm:justify-start xl:container xl:mx-auto xl:pb-10 ">
|
||||
<div v-for="(item, index) in images[0]" :key="index" class="gallery-item bg-blue" @click="() => showImg(index)" :style="`background-image:url(${item})`" ></div>
|
||||
<vue-easy-lightbox
|
||||
:visible="visible"
|
||||
:imgs="images[0]"
|
||||
:index="index"
|
||||
@hide="handleHide"
|
||||
></vue-easy-lightbox>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://unpkg.com/vue@next"></script>
|
||||
<script src="https://unpkg.com/vue-easy-lightbox@next/dist/vue-easy-lightbox.umd.min.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
232
wp-content/themes/ostal_WP/ostal-front/dist/nasze-realizacje.html
vendored
Normal file
232
wp-content/themes/ostal_WP/ostal-front/dist/nasze-realizacje.html
vendored
Normal file
@@ -0,0 +1,232 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="lg:container lg:mx-auto lg:mb-12">
|
||||
<div class="p-6">
|
||||
<h1 class="text-3xl font-semibold pb-6">Nasze realizacje</h1>
|
||||
</div>
|
||||
|
||||
<div class="p-6 flex flex-col md:flex-row md:flex-wrap md:items-start md:justify-center lg:justify-start lg:p-0 ">
|
||||
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
paddinb-bottom: 222px;
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg);
|
||||
|
||||
padding-bottom: 222px;
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left" style="
|
||||
/* height: 333px; */
|
||||
/* border: 2px solid red; */
|
||||
">Dach jednospadowy </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jesnospadowy-wokol-naroza-budynku/">
|
||||
<div class="pb-72 bg-cover" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy wokół naroża budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-o-konstrukcji-nietypowej/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach o konstrukcji nietypowej </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-typu-mansardowego/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach typu mansardowego </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-o-zalamanych-krawedziach-bocznych/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy o załamanych krawędziach bocznych </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-zintegrowany-z-balkonem/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy zintegrowany z balkonem </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-w-ksztalcie-wielokata-wokol-naroza-budynku/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy w kształcie wielokąta wokół naroża budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-w-narozu-budynku/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy w narożu budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-dwuspadowy-przylegajacy-do-budynku/">
|
||||
<div class="pb-96 h-60 min-h-full" style="/* purgecss start ignore */
|
||||
|
||||
background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach dwuspadowy przylegający do budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
360
wp-content/themes/ostal_WP/ostal-front/dist/ogrody-zimowe.html
vendored
Normal file
360
wp-content/themes/ostal_WP/ostal-front/dist/ogrody-zimowe.html
vendored
Normal file
@@ -0,0 +1,360 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:items-start xl:container xl:mx-auto">
|
||||
|
||||
<div
|
||||
class="bg-hero-gardens bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-3/6 lg:relative lg:pb-96 xl:pb-99 xl:mt-16 2xl:pb-101">
|
||||
</div>
|
||||
|
||||
<div class="lg:w-3/6 lg:mb-64 ">
|
||||
|
||||
<!-- ogrody zimowe -->
|
||||
<div class="p-6">
|
||||
<h1 class="text-3xl font-semibold pb-6">Ogrody zimowe</h1>
|
||||
<h3 class="text-xl pb-6 lg:font-semibold xl:pr-20">Ogród zimowy we współczesnym budownictwie spełnia dwie
|
||||
funkcje. Po pierwsze przeszklone, efektowne pawilony stanowią eleganckie dopełnienie bryły budynku. Mogą być
|
||||
też wykorzystywane jako:
|
||||
|
||||
</h3>
|
||||
<h4 class="text-xl pb-6 lg:pb-20 xl:pr-20">oranżerie do całoroczonej uprawy egzotycznych roślin, kolejne
|
||||
pomieszczenie w domu, na przykład: jadalnia, salon czy nawet pokój z basenem.
|
||||
</h4>
|
||||
</div>
|
||||
<!-- ogrody zimowe -->
|
||||
|
||||
<!-- co ważne -->
|
||||
<div
|
||||
class="pt-11 pb-11 pl-6 pr-6 bg-gray lg:absolute lg:w-2/4 lg:right-1/3 lg:-mt-14 lg:pt-14 lg:pl-7 lg:pr-7 xl:w-4/12">
|
||||
<h3 class="text-3xl font-semibold pb-6">Co ważne</h3>
|
||||
<p class="text-xl">ogrody zimowe obniżają bilans energetyczny budynku. Zimą stanowią termiczny bufor i chronią
|
||||
dom przed ucieczką ciepła. Wpływa to na obniżenie kosztów eksploatacji budynku. Dodatkowo osłaniają przed
|
||||
hałasem z zewnątrz.
|
||||
</p>
|
||||
</div>
|
||||
<!-- co ważne -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<section class="p-6 mb-2 xl:mt-20 xl:pb-20">
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl hover:border hover:border-dark hover:opacity-80 cursor-pointer">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img class="w-full" src="/assets/images/dach-jednospadowy.jpg" alt="dach jednospadowy">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym</h4>
|
||||
<p class="text-xl xl:pr-60">To konstrukcja o prostej bryle, która często jest budowana na tyłach domu. Pozwala cieszyć
|
||||
się zielenią i spokojem przez cały rok.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl hover:border hover:border-dark hover:opacity-80 cursor-pointer">
|
||||
<div class="min-w-200 max-w-200 mr-10">
|
||||
<img class="w-full" src="/assets/images/12.jpg" alt="dach jednospadowy">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-48">Ogród zimowy z dachem jednospadowym</h4>
|
||||
<p class="text-xl xl:pr-60">To konstrukcja o prostej bryle, która często jest budowana na tyłach domu. Pozwala cieszyć
|
||||
się zielenią i spokojem przez cały rok.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/2-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym wokół naroża budynku
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja okalająca narożnik budynku sprawia, że ogród ma ekspozycję na 270 stopni. Dzięki temu przez większą część dnia promienie słoneczne mogą bezpośrednio wpadać do wnętrza pomieszczenia.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
<!-- <div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/3-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem typu mansardowego
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">To ogród zimowy z dachem dwuspadowym. Dach mansardowy to rodzaj dachu łamanego, w którym każda z połaci składa się z dwóch części: górnej (o mniejszym kącie nachylenia) oraz dolnej (stromej).
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/4-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym nachodzącym na połać dachu głównego
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">W tym rodzaju ogrodu dach jest wpuszczony w połać dachu głównego, dzięki czemu pomieszczenia w głębi domu mogą być dobrze doświetlone.
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-4-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym o załamanych krawędziach bocznych
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ogród posiada jednobryłową konstrukcję ze ściętymi narożnikami zewnętrznych ścian. Dach jest jednospadowy z załamanymi bocznymi częściami.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/51-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym zintegrowanym z balkonem
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ten rodzaj ogrodu posiada dach, który jest zintegrowany z inną konstrukcją budowlaną np. balkonem. W rezultacie do wnętrza wpada mniej światła, dzięki czemu latem temperatura może być nieco niższa.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/6-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym z jednostronnym narożem
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ogród zimowy tego typu wykończony jest dachem jednospadowym i jednym bokiem zaokrąglonym o stałym promieniu lub ćwierćkołem. Dzięki temu możemy dopasować konstrukcję ogrodu do bryły budynku tak, aby stworzyć spójną architektonicznie całość.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/7-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym z obustronnym narożem
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ogród zimowy tego typu wykończony jest dachem jednospadowym i dwoma bokami zaokrąglonymi o stałym promieniu lub ćwierćkołem. Dzięki temu możemy dopasować konstrukcję ogrodu do bryły budynku tak, aby stworzyć spójną architektonicznie całość.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/8-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym w kształcie wielokąta wokół naroża budynku, typ 1
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja ogrodu z dachem jednospadowym oraz jedną stroną zaokrągloną wokół naroża budynku daje bardzo ciekawy architektonicznie efekt. Umożliwia też ekspozycję na promienie słoneczne przez większą część dnia, co jest szczególnie cenne w ogrodach umieszczonych po północnej stronie budynku.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/9-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym w kształcie wielokąta wokół naroża budynku, typ 2
|
||||
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja z dachem jednospadowym w kształcie wielokąta oraz zaokrągloną konstrukcją wokół naroża budynku pozwala na uzyskanie niezwykle eleganckiej bryły ogrodu zimowego. Dzięki temu zwiększamy ekspozycję na promienie słoneczne, a światło wpada do wnętrza ze wszystkich stron.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-2-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym w narożu budynku
|
||||
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja tego typu pozwala na stworzenie dodatkowej powierzchni mieszkalnej tańszym kosztem, ponieważ jedną boczną ścianę już mamy gotową. Ekspozycja na promienie słoneczne jest nieco mniejsza, dzięki temu latem ogród nie nagrzewa się bardzo.
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-3-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem dwuspadowym przelegająca do budynku
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ten rodzaj ogrodu jest poddany mocnej ekspozycji na promienie słoneczne. Rekomendujemy ulokowanie tego typu konstrukcji pomiędzy drzewami lub innymi przeszkodami, w innym wypadku latem ogród może się mocno nagrzewać.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-5-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem o konstrukcji nietypowej
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Tego rodzaju ogrody o konstrukcji nietypowej, czyli z wieloma załamaniami i zaokrągleniami, tworzą bardzo ciekawy, architektoniczny efekt.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/121-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy wolnostojący, wiata lub szklarnia
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja wolnostojąca z dachem dwuspadowym na dwie strony może być wykonana jako wiata samochodowa, szklarnia lub tylko zadaszenie. Możliwe jest zastosowanie małej instalacji fotowoltaicznej do produkcji prądu.
|
||||
</p>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
190
wp-content/themes/ostal_WP/ostal-front/dist/onas.html
vendored
Normal file
190
wp-content/themes/ostal_WP/ostal-front/dist/onas.html
vendored
Normal file
@@ -0,0 +1,190 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:items-start lg:mb-12 lg:container lg:mx-auto">
|
||||
|
||||
<!-- onas bg -->
|
||||
<div class="bg-hero-about bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-6/12 lg:pb-96 xl:pb-101 xl:mt-16">
|
||||
</div>
|
||||
<!-- onas bg -->
|
||||
|
||||
|
||||
<!-- onas txt -->
|
||||
<div class="p-6 lg:w-6/12">
|
||||
<h1 class="text-3xl font-semibold pb-6">O nas</h1>
|
||||
<h3 class="text-xl pb-6 xl:font-semibold xl:pr-28">W Ostal pomagamy Wam stworzyć oazę spokoju, miejsce
|
||||
odpoczynku, relaksu i oderwania od
|
||||
codzienności, a
|
||||
jednocześnie podnosimy wartość Waszej nieruchomości. Tworzymy piękno i funkcjonalność w jednym.
|
||||
</h3>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-28">Działamy na polskim i niemieckim rynku od 1999 roku.</h4>
|
||||
<p class="text-xl pb-6 xl:pr-28">W tym czasie stworzyliśmy 40 różnych ogrodów.
|
||||
Od 2020 roku dodatkowo oferujemy carporty produkujące prąd.
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">Korzystamy ze sprawdzonego, niemieckiego systemu konstrukcji TS Aluminium,
|
||||
dzięki czemu
|
||||
gwarantujemy najwyższą
|
||||
jakość i trwałość. </p>
|
||||
<p class="text-xl pb-6 xl:pr-28">Nasze projekty są zindywidualizowane, dopasowane do wymagań i możliwości
|
||||
każdego Klienta.
|
||||
</p>
|
||||
</div>
|
||||
<!-- onas txt -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<section class="mx-auto p-6 pt-0 md:container md:mx-auto md:p-0 lg:mb-9">
|
||||
<p class="text-xl font-semibold xl:pl-7">Zobacz jak wygląda proces powstawania niesamowitych ogrodów</p>
|
||||
<div class="mt-12 flex flex-col lg:flex lg:flex-row ld:items-start lg:justify-around">
|
||||
|
||||
<div class="lg:w-6/12 m-3 cursor-pointer transform hover:opacity-95">
|
||||
<video id="my-video" class="video-js" controls preload="auto" width="640" height="360"
|
||||
poster="/assets/images/vid1.jpg" data-setup="{}">
|
||||
<!-- <source src="/assets/videos/vid1.mp4" type="video/mp4" /> -->
|
||||
<p class="vjs-no-js">
|
||||
Aby obejrzeć to video, włącz obsługę javascript, sprawdź czy posiadasz aktualną
|
||||
przeglądarkę internetową
|
||||
<a href="https://videojs.com/html5-video-support/" target="_blank">zobacz przegląrki, które wspierają HTML5 video</a>
|
||||
</p>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div class="lg:w-6/12 m-3 cursor-pointer transform hover:opacity-95">
|
||||
<video id="my-video" class="video-js" controls preload="auto" width="640" height="360"
|
||||
poster="/assets/images/vid2.jpg" data-setup="{}">
|
||||
<!-- <source src="/assets/videos/vid2.mp4" type="video/mp4" /> -->
|
||||
<p class="vjs-no-js">
|
||||
Aby obejrzeć to video, włącz obsługę javascript, sprawdź czy posiadasz aktualną
|
||||
przeglądarkę internetową
|
||||
<a href="https://videojs.com/html5-video-support/" target="_blank">zobacz przegląrki, które wspierają HTML5 video</a>
|
||||
</p>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html"
|
||||
class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
181
wp-content/themes/ostal_WP/ostal-front/dist/poradniki.html
vendored
Normal file
181
wp-content/themes/ostal_WP/ostal-front/dist/poradniki.html
vendored
Normal file
@@ -0,0 +1,181 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="p-6 lg:container lg:mx-auto">
|
||||
<h1 class="text-3xl font-semibold pb-6">Poradniki</h1>
|
||||
</section>
|
||||
|
||||
<div class="lg:container lg:mx-auto lg:mb-16">
|
||||
<div class="p-6 pb-14">
|
||||
<h3 class="text-3xl font-semibold pb-6">O ogrodach zimowych</h3>
|
||||
<p class="text-xl pb-6">
|
||||
Od dawna ogrody zimowe były stosowane w architekturze, głównie pałacowej i dworkowej,
|
||||
dla stworzenia optymalnych warunków do uprawy egzotycznych roślin – jak drzewka
|
||||
pomarańczowe, stąd nazywano je również oranżeriami. Współcześnie mogą stać się
|
||||
dopełnieniem miejskiej, luksusowej willi, jak też wiejskiej rezydencji letniej.
|
||||
</p>
|
||||
<p class="text-xl pb-6">
|
||||
Już na początku należy odpowiedzieć sobie na pytanie: do czego ma służyć nasz nowy ogród zimowy oraz co jest dla nas ważniejsze – uzyskanie architektonicznego efektu, czy też powiększenie powierzchni mieszkalnej.
|
||||
</p>
|
||||
<a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline" href="#">
|
||||
<img class="absolute left-0 -ml-5 " src="/assets/images/pdf.svg" alt="pdf-icon">
|
||||
<p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “O ogrodach zimowych”.
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="p-6 bg-gray pt-14 pb-14">
|
||||
<h3 class="text-3xl font-semibold pb-6">Przed budową ogrodu zimowego
|
||||
</h3>
|
||||
<p class="text-xl pb-6">
|
||||
Projektowanie ogrodu zimowego na etapie budowy nowego domu pozwala uniknąć wielu ograniczeń i zyskać całkowitą dowolność w działaniach. Odpowiedni wybór położenia ogrodu i jego formy architektonicznej pozwala na zachowanie stylu całego budynku oraz utrzymanie integralności jego struktury.
|
||||
</p>
|
||||
<p class="text-xl pb-6">
|
||||
Przyłączenie ogrodu do już istniejącego budynku z kolei wymaga sprawdzenia, czy konstrukcja nośna wytrzyma dodatkowe obciążenie.
|
||||
|
||||
</p>
|
||||
<a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline" href="#">
|
||||
<img class="absolute left-0 -ml-5 " src="/assets/images/pdf.svg" alt="pdf-icon">
|
||||
<p class="text-xl font-semibold">Więcej dowiesz się z naszego poradnika “Przed budową ogrodu zimowego”.
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="p-6">
|
||||
<h3 class="text-3xl font-semibold pt-14 pb-14">Dodatkowe elementy ogrodu zimowego
|
||||
</h3>
|
||||
<p class="text-xl pb-6">
|
||||
Współczesne ogrody zimowe pozwalają na wykorzystanie wielu dodatkowych elementów, które zwiększają energooszczędność, zapewniają komfort optyczny i termiczny czy też odpowiadają za skuteczna klimatyzację.
|
||||
</p>
|
||||
<p class="text-xl pb-6">
|
||||
W naszych konstrukcjach stosujemy markizy dachowe, żaluzje fasadowe, rolety zewnętrzne oraz automatykę pogodową.
|
||||
|
||||
</p>
|
||||
<a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline" href="#">
|
||||
<img class="absolute left-0 -ml-5 " src="/assets/images/pdf.svg" alt="pdf-icon">
|
||||
<p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “Dodatkowe elementy ogrodu zimowego”.
|
||||
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
198
wp-content/themes/ostal_WP/ostal-front/dist/realizacja.html
vendored
Normal file
198
wp-content/themes/ostal_WP/ostal-front/dist/realizacja.html
vendored
Normal file
@@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
|
||||
<script type="module" crossorigin src="/assets/main.js"></script>
|
||||
<script type="module" crossorigin src="/assets/vue-slider.js"></script>
|
||||
<link rel="stylesheet" href="/assets/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2 ">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="p-6 xl:container xl:mx-auto xl:pl-9 ">
|
||||
<h1 class="text-3xl font-semibold pb-6 xl:pb-0 md:max-w-md">Dach dwuspadowy przylegający do budynku</h1>
|
||||
</section>
|
||||
|
||||
<section id="app"
|
||||
class="p-6 md:p-0 flex flex-col items-center sm:flex-wrap sm:flex-row sm:justify-start xl:container xl:mx-auto xl:pb-10 "
|
||||
data-v-app="">
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/006.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/008.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/010.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/013.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/015.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/042.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/046.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<div class="gallery-item bg-blue"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url("http://localhost/ostal/wp-content/uploads/2021/05/047.jpg");
|
||||
|
||||
/* purgecss end ignore */"></div>
|
||||
<!---->
|
||||
</section>
|
||||
|
||||
<section class="p-6 xl:container xl:mx-auto xl:pl-9 ">
|
||||
<h1 class="text-3xl font-semibold pb-6 xl:pb-0 md:max-w-md ">Pozostałe realizacje</h1>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section
|
||||
class="p-6 md:p-0 flex flex-col items-center sm:flex-wrap sm:flex-row sm:justify-start xl:container xl:mx-auto xl:pb-10 ">
|
||||
|
||||
|
||||
<a href="#"
|
||||
class="flex flex-col bg-cover w-full pb-64 sm:w-6/12 md:w-1/3 md:pb-56 lg:w-1/3 lg:pb-80 xl:w-4/12 xl:pb-80 2xl:pb-96 border-8 border-white relative hover:opacity-90 mb-14"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url(http://localhost/ostal/wp-content/uploads/2021/05/087.jpg)
|
||||
|
||||
/* purgecss end ignore */">
|
||||
|
||||
<p class="absolute text-xl">Dach typu mansardowego</p>
|
||||
</a>
|
||||
|
||||
<a href="#"
|
||||
class="flex flex-col bg-cover w-full pb-64 sm:w-6/12 md:w-1/3 md:pb-56 lg:w-1/3 lg:pb-80 xl:w-4/12 xl:pb-80 2xl:pb-96 border-8 border-white relative hover:opacity-90 mb-14"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url(http://localhost/ostal/wp-content/uploads/2021/05/087.jpg)
|
||||
|
||||
/* purgecss end ignore */">
|
||||
|
||||
<p class="absolute text-xl">Dach typu mansardowego</p>
|
||||
</a>
|
||||
|
||||
<a href="#"
|
||||
class="recent-realizations-item"
|
||||
style="/* purgecss start ignore */
|
||||
|
||||
background-image: url(http://localhost/ostal/wp-content/uploads/2021/05/087.jpg)
|
||||
|
||||
/* purgecss end ignore */">
|
||||
|
||||
<p class="absolute text-xl bg-blue min-w-full min-h-full bg-opacity-90 h-full w-full flex items-center justify-center text-white text-center">Dach jednospadowy wokół naroża budynku</p>
|
||||
</a>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="mx-auto lg:container ">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html"
|
||||
class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://unpkg.com/vue@next"></script>
|
||||
<script src="https://unpkg.com/vue-easy-lightbox@next/dist/vue-easy-lightbox.umd.min.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
15
wp-content/themes/ostal_WP/ostal-front/favicon.svg
Normal file
15
wp-content/themes/ostal_WP/ostal-front/favicon.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg width="410" height="404" viewBox="0 0 410 404" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>
|
||||
<path d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z" fill="url(#paint1_linear)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41D1FF"/>
|
||||
<stop offset="1" stop-color="#BD34FE"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFEA83"/>
|
||||
<stop offset="0.0833333" stop-color="#FFDD35"/>
|
||||
<stop offset="1" stop-color="#FFA800"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
320
wp-content/themes/ostal_WP/ostal-front/index.html
Normal file
320
wp-content/themes/ostal_WP/ostal-front/index.html
Normal file
@@ -0,0 +1,320 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<section id="main-nav" class="pb-2 sticky top-0 z-50 bg-white">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="bg-blue md:bg-white text-white font-semibold pb-16 sm:pb-0 ">
|
||||
|
||||
<div class="swiper-container 2xl:container 2xl:mx-auto">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- SLIDE -->
|
||||
<div class="swiper-slide">
|
||||
|
||||
<div class="slide slide-3">
|
||||
<h1 class="font-semibold text-xl text-blue bg-white p-6 lg:text-4xl xl:text-3xl md:mb-6 xl:mb-12 ">Marzysz o
|
||||
własnym
|
||||
ogrodzie?
|
||||
</h1>
|
||||
|
||||
<div class="xl:w-11/12 xl:relative 2xl:max-w-full 2xl-w-11/12">
|
||||
|
||||
<a href="#"
|
||||
class="btn-cta items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 hidden md:flex md:absolute 2xl:ml-6 md:border-blue md:-mt-6 hover:bg-blue-100">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Zapoznaj się z naszą ofertą ogrodów zimowych!</p>
|
||||
</a>
|
||||
|
||||
<div class="bg-hero-slide-1 bg-cover bg-no-repeat pb-64 sm:pb-96 xl:pb-100 ">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="xl:w-600 xl:h-480 xl:bg-slide-small-1 bg-cover xl:border-60 xl:border-blue xl:absolute xl:right-0 xl:-mr-28 xl:top-3/4">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- SLIDE END-->
|
||||
|
||||
<!-- SLIDE -->
|
||||
<div class="swiper-slide">
|
||||
|
||||
<div class="slide slide-3">
|
||||
<h1 class="font-semibold text-xl text-blue bg-white p-6 lg:text-4xl xl:text-3xl md:mb-6 xl:mb-12 ">Chcesz chronić swój samochód przed warunkami atmosferycznymi?
|
||||
|
||||
</h1>
|
||||
|
||||
<div class="xl:w-11/12 xl:relative 2xl:max-w-full 2xl-w-11/12">
|
||||
|
||||
<a href="#"
|
||||
class="btn-cta items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 hidden md:flex md:absolute 2xl:ml-6 md:border-blue md:-mt-6 hover:bg-blue-100">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Sprawdź naszą ofertę carportów!</p>
|
||||
</a>
|
||||
|
||||
<div class="bg-hero-slide-2 bg-cover bg-no-repeat pb-64 sm:pb-96 xl:pb-100 ">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="xl:w-600 xl:h-480 xl:bg-slide-small-2 bg-cover xl:border-60 xl:border-blue xl:absolute xl:right-0 xl:-mr-28 xl:top-3/4">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- SLIDE END-->
|
||||
|
||||
<!-- SLIDE -->
|
||||
<div class=" swiper-slide">
|
||||
|
||||
<div class="slide slide-3">
|
||||
<h1 class="font-semibold text-xl text-blue bg-white p-6 lg:text-4xl xl:text-3xl md:mb-6 xl:mb-12 ">Zastanawiasz się, jaki ogród zimowy byłby dla Ciebie najlepszy?
|
||||
|
||||
</h1>
|
||||
|
||||
<div class="xl:w-11/12 xl:relative 2xl:max-w-full 2xl-w-11/12">
|
||||
|
||||
<a href="#"
|
||||
class="btn-cta items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 hidden md:flex md:absolute 2xl:ml-6 md:border-blue md:-mt-6 hover:bg-blue-100">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Zobacz nasze realizacje!</p>
|
||||
</a>
|
||||
|
||||
<div class="bg-hero-slide-3 bg-cover bg-no-repeat pb-64 sm:pb-96 xl:pb-100 ">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="xl:w-600 xl:h-480 xl:bg-slide-small-3 bg-cover xl:border-60 xl:border-blue xl:absolute xl:right-0 xl:-mr-28 xl:top-3/4">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- SLIDE END-->
|
||||
|
||||
</div><!-- swiper wrapper -->
|
||||
|
||||
|
||||
<div class="swiper-button-next absolute top-1/4 hidden xl:block xl:right-28 2xl:right-36 ">
|
||||
<div class="slider-nav">
|
||||
<div class="bg-blue hover:bg-blue-100 w-16 h-16 flex items-center justify-center ">
|
||||
<img src="/assets/images/next.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div><!-- swiper container -->
|
||||
|
||||
|
||||
<div class="md:bg-blue xl:pb-32 xl:-mt-102">
|
||||
<div class="pt-3 xl:pt-52 xl:-mt-64 xl:container xl:mx-auto">
|
||||
<a href="#"
|
||||
class="btn-cta flex items-center justify-around p-6 border mt-3 mx-auto mr-3 ml-3 pr-10 md:hidden">
|
||||
<img class="block mr-6" src="/assets/images/next.svg" alt="">
|
||||
<p> Zapoznaj się z naszą ofertą ogrodów zimowych!</p>
|
||||
</a>
|
||||
<div class="p-6 xl:max-w-3xl 2xl:max-w-4xl xl:pt-12 ">
|
||||
<h1 class="text-3xl pb-6 lg:text-4xl xl:text-5xl xl:mt-12 xl:leading-14 xl:pr-16">Pomagamy Wam stworzyć
|
||||
oazę spokoju</h1>
|
||||
<h2 class="text-lg xl:pr-12 ">miejsce odpoczynku, relaksu i oderwania od codzienności, a jednocześnie podnosimy wartość Waszej nieruchomości. Tworzymy piękno i funkcjonalność w jednym.
|
||||
</h2>
|
||||
</div>
|
||||
<div class="inline-block p-6 ml-6 border-b-2 border-white mb-10 text-xl xl:mb-2">
|
||||
<p>Nasza oferta</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mx-auto -mt-9 mb-10 sm:mt-3 lg:flex lg:justify-between xl:max-w-5xl xl:-mt-24 xl:mb-24">
|
||||
|
||||
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="feature-box block bg-blue text-white p-10 mx-auto m-3 h-64 w-80 relative sm:w-11/12 xl:max-w-xs">
|
||||
<img class="absolute right-6 -mt-16 hidden xl:block" src="/assets/images/icon1.svg" alt="">
|
||||
<h3 class="text-xl pb-6 ">Modele ogrodów</h3>
|
||||
<p>Sprawdź, jaki rodzaj ogrodu zimowego najlepiej zaspokaja Twoje potrzeby.</p>
|
||||
<div class="inline-block border-b-2 border-color-white absolute bottom-7 right-7">
|
||||
<p>więcej</p>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="/carporty.html"
|
||||
class="feature-box block bg-blue text-white p-10 mx-auto m-3 h-64 w-80 relative sm:w-11/12 xl:max-w-xs">
|
||||
<img class="absolute right-6 -mt-16 hidden xl:block" src="/assets/images/icon2.svg" alt="">
|
||||
<h3 class="text-xl pb-6">Modele carportów</h3>
|
||||
<p>Zobacz, jak możesz wykorzystać carporty w swoim domu.
|
||||
</p>
|
||||
<div class="inline-block border-b-2 border-color-white absolute bottom-7 right-7">
|
||||
<p>więcej</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="feature-box block bg-blue text-white p-10 mx-auto m-3 h-64 w-80 relative sm:w-11/12 xl:max-w-xs">
|
||||
<img class="absolute right-6 -mt-16 hidden xl:block" src="/assets/images/icon3.svg" alt="">
|
||||
<h3 class="text-xl pb-6">Nasze realizacje</h3>
|
||||
<p>Obejrzyj piękne, funkcjonalne projekty, jakie zrealizowaliśmy dla naszych klientów.
|
||||
</p>
|
||||
<div class="inline-block border-b-2 border-color-white absolute bottom-7 right-7">
|
||||
<p>więcej</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
|
||||
<script type="module">
|
||||
import Swiper from 'https://unpkg.com/swiper/swiper-bundle.esm.browser.min.js'
|
||||
|
||||
const swiper = new Swiper('.swiper-container', {
|
||||
loop: true,
|
||||
speed: 1000,
|
||||
autoHeight: true,
|
||||
slidesPerView: 1,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
pauseOnMouseEnter: true
|
||||
},
|
||||
effect: 'fade',
|
||||
fadeEffect: {
|
||||
crossFade: true
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
|
||||
},
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
140
wp-content/themes/ostal_WP/ostal-front/kontakt.html
Normal file
140
wp-content/themes/ostal_WP/ostal-front/kontakt.html
Normal file
@@ -0,0 +1,140 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:container lg:mx-auto">
|
||||
|
||||
<div class="p-6 lg:p-0">
|
||||
<h1 class="text-3xl font-semibold pb-6">Kontakt</h1>
|
||||
</div>
|
||||
|
||||
<div class="text-white lg:flex lg:flex-row">
|
||||
<div class="bg-blue pt-12 pb-12 p-6 lg:w-6/12">
|
||||
<div class="pb-6 text-xl">
|
||||
<p>OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="pb-6 text-xl">
|
||||
<p>Pytania technicznie , oferta:</p>
|
||||
<p>Mariusz <a href="">+48 75 640 70 80</a></p>
|
||||
</div>
|
||||
|
||||
<div class="pb-6 text-xl">
|
||||
<p>Współpraca , kariera</p>
|
||||
<p>Krysztof <a href="">+48 75 640 70 80</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:w-full">
|
||||
<iframe class="w-full"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2502.856056265485!2d15.01493321575677!3d51.1480054795777!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4708dc057fca8a73%3A0x66d8cb5b2b983cc2!2sBohater%C3%B3w%20II%20Armii%20Wojska%20Polskiego%2014F%2C%2059-900%20Zgorzelec!5e0!3m2!1sen!2spl!4v1621415125033!5m2!1sen!2spl"
|
||||
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
wp-content/themes/ostal_WP/ostal-front/lightbox.html
Normal file
41
wp-content/themes/ostal_WP/ostal-front/lightbox.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="mx-auto">
|
||||
|
||||
<section id="app" class="p-6 md:p-0 flex flex-col items-center sm:flex-wrap sm:flex-row sm:justify-start xl:container xl:mx-auto xl:pb-10 ">
|
||||
<div v-for="(item, index) in images[0]" :key="index" class="gallery-item bg-blue" @click="() => showImg(index)" :style="`background-image:url(${item})`" ></div>
|
||||
<vue-easy-lightbox
|
||||
:visible="visible"
|
||||
:imgs="images[0]"
|
||||
:index="index"
|
||||
@hide="handleHide"
|
||||
></vue-easy-lightbox>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
<script src="https://unpkg.com/vue@next"></script>
|
||||
<script src="https://unpkg.com/vue-easy-lightbox@next/dist/vue-easy-lightbox.umd.min.js"></script>
|
||||
<script type="module" src="/vue-slider.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
5
wp-content/themes/ostal_WP/ostal-front/main.js
Normal file
5
wp-content/themes/ostal_WP/ostal-front/main.js
Normal file
@@ -0,0 +1,5 @@
|
||||
const navbarBtn = document.querySelector('#navbar-btn');
|
||||
const mainMenu = document.querySelector('.main-menu');
|
||||
navbarBtn.addEventListener('click', () => {
|
||||
mainMenu.classList.toggle('active');
|
||||
});
|
||||
190
wp-content/themes/ostal_WP/ostal-front/nasze-realizacje.html
Normal file
190
wp-content/themes/ostal_WP/ostal-front/nasze-realizacje.html
Normal file
@@ -0,0 +1,190 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="lg:container lg:mx-auto lg:mb-12">
|
||||
<div class="p-6">
|
||||
<h1 class="text-3xl font-semibold pb-6">Nasze realizacje</h1>
|
||||
</div>
|
||||
|
||||
<div class="p-6 flex flex-col md:flex-row md:flex-wrap md:items-start md:justify-center lg:justify-start lg:p-0 ">
|
||||
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy/">
|
||||
<div class="pb-96 h-60 min-h-full" style="paddinb-bottom: 222px;background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg);padding-bottom: 222px;"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left" style="
|
||||
/* height: 333px; */
|
||||
/* border: 2px solid red; */
|
||||
">Dach jednospadowy </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jesnospadowy-wokol-naroza-budynku/">
|
||||
<div class="pb-72 bg-cover" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy wokół naroża budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-o-konstrukcji-nietypowej/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach o konstrukcji nietypowej </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-typu-mansardowego/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach typu mansardowego </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-o-zalamanych-krawedziach-bocznych/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy o załamanych krawędziach bocznych </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-zintegrowany-z-balkonem/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy zintegrowany z balkonem </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-w-ksztalcie-wielokata-wokol-naroza-budynku/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy w kształcie wielokąta wokół naroża budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-jednospadowy-w-narozu-budynku/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach jednospadowy w narożu budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
<a class="mb-10 flex flex-col md:w-72 md:m-4 box-border transform hover:opacity-95" href="http://localhost/ostal/realizacje/dach-dwuspadowy-przylegajacy-do-budynku/">
|
||||
<div class="pb-96 h-60 min-h-full" style="background-image:url(http://localhost/ostal/wp-content/themes/ostal/ostal-front/dist/assets/images/realizacja.jpg)"></div>
|
||||
<h4 class="text-xl text-center font-semibold pt-6 lg:text-left">Dach dwuspadowy przylegający do budynku </h4>
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
358
wp-content/themes/ostal_WP/ostal-front/ogrody-zimowe.html
Normal file
358
wp-content/themes/ostal_WP/ostal-front/ogrody-zimowe.html
Normal file
@@ -0,0 +1,358 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:items-start xl:container xl:mx-auto">
|
||||
|
||||
<div
|
||||
class="bg-hero-gardens bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-3/6 lg:relative lg:pb-96 xl:pb-99 xl:mt-16 2xl:pb-101">
|
||||
</div>
|
||||
|
||||
<div class="lg:w-3/6 lg:mb-64 ">
|
||||
|
||||
<!-- ogrody zimowe -->
|
||||
<div class="p-6">
|
||||
<h1 class="text-3xl font-semibold pb-6">Ogrody zimowe</h1>
|
||||
<h3 class="text-xl pb-6 lg:font-semibold xl:pr-20">Ogród zimowy we współczesnym budownictwie spełnia dwie
|
||||
funkcje. Po pierwsze przeszklone, efektowne pawilony stanowią eleganckie dopełnienie bryły budynku. Mogą być
|
||||
też wykorzystywane jako:
|
||||
|
||||
</h3>
|
||||
<h4 class="text-xl pb-6 lg:pb-20 xl:pr-20">oranżerie do całoroczonej uprawy egzotycznych roślin, kolejne
|
||||
pomieszczenie w domu, na przykład: jadalnia, salon czy nawet pokój z basenem.
|
||||
</h4>
|
||||
</div>
|
||||
<!-- ogrody zimowe -->
|
||||
|
||||
<!-- co ważne -->
|
||||
<div
|
||||
class="pt-11 pb-11 pl-6 pr-6 bg-gray lg:absolute lg:w-2/4 lg:right-1/3 lg:-mt-14 lg:pt-14 lg:pl-7 lg:pr-7 xl:w-4/12">
|
||||
<h3 class="text-3xl font-semibold pb-6">Co ważne</h3>
|
||||
<p class="text-xl">ogrody zimowe obniżają bilans energetyczny budynku. Zimą stanowią termiczny bufor i chronią
|
||||
dom przed ucieczką ciepła. Wpływa to na obniżenie kosztów eksploatacji budynku. Dodatkowo osłaniają przed
|
||||
hałasem z zewnątrz.
|
||||
</p>
|
||||
</div>
|
||||
<!-- co ważne -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<section class="p-6 mb-2 xl:mt-20 xl:pb-20">
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl hover:border hover:border-dark hover:opacity-80 cursor-pointer">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img class="w-full" src="/assets/images/dach-jednospadowy.jpg" alt="dach jednospadowy">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym</h4>
|
||||
<p class="text-xl xl:pr-60">To konstrukcja o prostej bryle, która często jest budowana na tyłach domu. Pozwala cieszyć
|
||||
się zielenią i spokojem przez cały rok.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl hover:border hover:border-dark hover:opacity-80 cursor-pointer">
|
||||
<div class="min-w-200 max-w-200 mr-10">
|
||||
<img class="w-full" src="/assets/images/12.jpg" alt="dach jednospadowy">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-48">Ogród zimowy z dachem jednospadowym</h4>
|
||||
<p class="text-xl xl:pr-60">To konstrukcja o prostej bryle, która często jest budowana na tyłach domu. Pozwala cieszyć
|
||||
się zielenią i spokojem przez cały rok.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/2-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym wokół naroża budynku
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja okalająca narożnik budynku sprawia, że ogród ma ekspozycję na 270 stopni. Dzięki temu przez większą część dnia promienie słoneczne mogą bezpośrednio wpadać do wnętrza pomieszczenia.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
<!-- <div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/3-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem typu mansardowego
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">To ogród zimowy z dachem dwuspadowym. Dach mansardowy to rodzaj dachu łamanego, w którym każda z połaci składa się z dwóch części: górnej (o mniejszym kącie nachylenia) oraz dolnej (stromej).
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/4-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym nachodzącym na połać dachu głównego
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">W tym rodzaju ogrodu dach jest wpuszczony w połać dachu głównego, dzięki czemu pomieszczenia w głębi domu mogą być dobrze doświetlone.
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-4-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym o załamanych krawędziach bocznych
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ogród posiada jednobryłową konstrukcję ze ściętymi narożnikami zewnętrznych ścian. Dach jest jednospadowy z załamanymi bocznymi częściami.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/51-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym zintegrowanym z balkonem
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ten rodzaj ogrodu posiada dach, który jest zintegrowany z inną konstrukcją budowlaną np. balkonem. W rezultacie do wnętrza wpada mniej światła, dzięki czemu latem temperatura może być nieco niższa.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/6-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym z jednostronnym narożem
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ogród zimowy tego typu wykończony jest dachem jednospadowym i jednym bokiem zaokrąglonym o stałym promieniu lub ćwierćkołem. Dzięki temu możemy dopasować konstrukcję ogrodu do bryły budynku tak, aby stworzyć spójną architektonicznie całość.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/7-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym z obustronnym narożem
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ogród zimowy tego typu wykończony jest dachem jednospadowym i dwoma bokami zaokrąglonymi o stałym promieniu lub ćwierćkołem. Dzięki temu możemy dopasować konstrukcję ogrodu do bryły budynku tak, aby stworzyć spójną architektonicznie całość.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/8-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym w kształcie wielokąta wokół naroża budynku, typ 1
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja ogrodu z dachem jednospadowym oraz jedną stroną zaokrągloną wokół naroża budynku daje bardzo ciekawy architektonicznie efekt. Umożliwia też ekspozycję na promienie słoneczne przez większą część dnia, co jest szczególnie cenne w ogrodach umieszczonych po północnej stronie budynku.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/9-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym w kształcie wielokąta wokół naroża budynku, typ 2
|
||||
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja z dachem jednospadowym w kształcie wielokąta oraz zaokrągloną konstrukcją wokół naroża budynku pozwala na uzyskanie niezwykle eleganckiej bryły ogrodu zimowego. Dzięki temu zwiększamy ekspozycję na promienie słoneczne, a światło wpada do wnętrza ze wszystkich stron.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-2-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem jednospadowym w narożu budynku
|
||||
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja tego typu pozwala na stworzenie dodatkowej powierzchni mieszkalnej tańszym kosztem, ponieważ jedną boczną ścianę już mamy gotową. Ekspozycja na promienie słoneczne jest nieco mniejsza, dzięki temu latem ogród nie nagrzewa się bardzo.
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-3-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem dwuspadowym przelegająca do budynku
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Ten rodzaj ogrodu jest poddany mocnej ekspozycji na promienie słoneczne. Rekomendujemy ulokowanie tego typu konstrukcji pomiędzy drzewami lub innymi przeszkodami, w innym wypadku latem ogród może się mocno nagrzewać.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/domek-5-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy z dachem o konstrukcji nietypowej
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Tego rodzaju ogrody o konstrukcji nietypowej, czyli z wieloma załamaniami i zaokrągleniami, tworzą bardzo ciekawy, architektoniczny efekt.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-11/12 mx-auto border-b-2 border-gray-200 pb-12 pt-12 xl:flex xl:flex-row xl:items-center xl:justify-around 2xl:max-w-6xl">
|
||||
<div class="min-w-150 w-150 mr-10">
|
||||
<img src="/assets/images/121-150x150.jpg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-60">Ogród zimowy wolnostojący, wiata lub szklarnia
|
||||
</h4>
|
||||
<p class="text-xl xl:pr-60">Konstrukcja wolnostojąca z dachem dwuspadowym na dwie strony może być wykonana jako wiata samochodowa, szklarnia lub tylko zadaszenie. Możliwe jest zastosowanie małej instalacji fotowoltaicznej do produkcji prądu.
|
||||
</p>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
wp-content/themes/ostal_WP/ostal-front/onas.html
Normal file
188
wp-content/themes/ostal_WP/ostal-front/onas.html
Normal file
@@ -0,0 +1,188 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="lg:flex lg:flex-row-reverse lg:items-start lg:mb-12 lg:container lg:mx-auto">
|
||||
|
||||
<!-- onas bg -->
|
||||
<div class="bg-hero-about bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-6/12 lg:pb-96 xl:pb-101 xl:mt-16">
|
||||
</div>
|
||||
<!-- onas bg -->
|
||||
|
||||
|
||||
<!-- onas txt -->
|
||||
<div class="p-6 lg:w-6/12">
|
||||
<h1 class="text-3xl font-semibold pb-6">O nas</h1>
|
||||
<h3 class="text-xl pb-6 xl:font-semibold xl:pr-28">W Ostal pomagamy Wam stworzyć oazę spokoju, miejsce
|
||||
odpoczynku, relaksu i oderwania od
|
||||
codzienności, a
|
||||
jednocześnie podnosimy wartość Waszej nieruchomości. Tworzymy piękno i funkcjonalność w jednym.
|
||||
</h3>
|
||||
<h4 class="text-3xl font-semibold pb-6 xl:pr-28">Działamy na polskim i niemieckim rynku od 1999 roku.</h4>
|
||||
<p class="text-xl pb-6 xl:pr-28">W tym czasie stworzyliśmy 40 różnych ogrodów.
|
||||
Od 2020 roku dodatkowo oferujemy carporty produkujące prąd.
|
||||
</p>
|
||||
<p class="text-xl pb-6 xl:pr-28">Korzystamy ze sprawdzonego, niemieckiego systemu konstrukcji TS Aluminium,
|
||||
dzięki czemu
|
||||
gwarantujemy najwyższą
|
||||
jakość i trwałość. </p>
|
||||
<p class="text-xl pb-6 xl:pr-28">Nasze projekty są zindywidualizowane, dopasowane do wymagań i możliwości
|
||||
każdego Klienta.
|
||||
</p>
|
||||
</div>
|
||||
<!-- onas txt -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<section class="mx-auto p-6 pt-0 md:container md:mx-auto md:p-0 lg:mb-9">
|
||||
<p class="text-xl font-semibold xl:pl-7">Zobacz jak wygląda proces powstawania niesamowitych ogrodów</p>
|
||||
<div class="mt-12 flex flex-col lg:flex lg:flex-row ld:items-start lg:justify-around">
|
||||
|
||||
<div class="lg:w-6/12 m-3 cursor-pointer transform hover:opacity-95">
|
||||
<video id="my-video" class="video-js" controls preload="auto" width="640" height="360"
|
||||
poster="/assets/images/vid1.jpg" data-setup="{}">
|
||||
<!-- <source src="/assets/videos/vid1.mp4" type="video/mp4" /> -->
|
||||
<p class="vjs-no-js">
|
||||
Aby obejrzeć to video, włącz obsługę javascript, sprawdź czy posiadasz aktualną
|
||||
przeglądarkę internetową
|
||||
<a href="https://videojs.com/html5-video-support/" target="_blank">zobacz przegląrki, które wspierają HTML5 video</a>
|
||||
</p>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div class="lg:w-6/12 m-3 cursor-pointer transform hover:opacity-95">
|
||||
<video id="my-video" class="video-js" controls preload="auto" width="640" height="360"
|
||||
poster="/assets/images/vid2.jpg" data-setup="{}">
|
||||
<!-- <source src="/assets/videos/vid2.mp4" type="video/mp4" /> -->
|
||||
<p class="vjs-no-js">
|
||||
Aby obejrzeć to video, włącz obsługę javascript, sprawdź czy posiadasz aktualną
|
||||
przeglądarkę internetową
|
||||
<a href="https://videojs.com/html5-video-support/" target="_blank">zobacz przegląrki, które wspierają HTML5 video</a>
|
||||
</p>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html"
|
||||
class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
<script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1911
wp-content/themes/ostal_WP/ostal-front/package-lock.json
generated
Normal file
1911
wp-content/themes/ostal_WP/ostal-front/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
19
wp-content/themes/ostal_WP/ostal-front/package.json
Normal file
19
wp-content/themes/ostal_WP/ostal-front/package.json
Normal file
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "ostal-front",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"serve": "vite preview"
|
||||
},
|
||||
"devDependencies": {
|
||||
"sass": "^1.32.13",
|
||||
"vite": "^2.3.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"autoprefixer": "^10.2.5",
|
||||
"postcss": "^8.2.15",
|
||||
"print-js": "^1.6.0",
|
||||
"tailwindcss": "^2.1.2"
|
||||
}
|
||||
}
|
||||
415
wp-content/themes/ostal_WP/ostal-front/polityka-prywatnosci.html
Normal file
415
wp-content/themes/ostal_WP/ostal-front/polityka-prywatnosci.html
Normal file
@@ -0,0 +1,415 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body class="page-template-default page page-id-308 logged-in admin-bar no-customize-support">
|
||||
|
||||
<div class="ostal-wrapper">
|
||||
|
||||
<section id="main-nav" class="pb-2 sticky top-0 z-50 bg-white">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba"> <img class="max-w-180"
|
||||
src="http://localhost/ac0ac0_wp-4062ba/wp-content/uploads/2021/06/ostal-logotyp.png"
|
||||
alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="menu-ostal-main-menu-container">
|
||||
<ul id="menu-ostal-main-menu" class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<li id="menu-item-33"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33 block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba/ogrody-zimowe/">Ogrody zimowe</a></li>
|
||||
<li id="menu-item-30"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30 block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba/carporty/">Carporty</a></li>
|
||||
<li id="menu-item-35"
|
||||
class="menu-item menu-item-type-post_type_archive menu-item-object-realizacje menu-item-35 block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba/realizacje/">Realizacje</a></li>
|
||||
<li id="menu-item-34"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34 block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba/poradniki/">Poradniki</a></li>
|
||||
<li id="menu-item-32"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32 block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba/o-nas/">O nas</a></li>
|
||||
<li id="menu-item-31"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31 block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
<a href="http://localhost/ac0ac0_wp-4062ba/kontakt/">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<div id="primary" class="row-fluid mx-auto lg:container lg:mx-auto pl-7 pr-7">
|
||||
<div id="content" role="main" class="span8 offset2">
|
||||
|
||||
|
||||
|
||||
<article class="post mt-12">
|
||||
|
||||
<h1 class="text-3xl title mb-7 pb-7">Polityka prywatności</h1>
|
||||
|
||||
<div class="the-content">
|
||||
|
||||
<h2>Polityka prywatności opisuje zasady przetwarzania przez nas informacji
|
||||
na Twój temat, w tym danych osobowych oraz ciasteczek, czyli tzw.
|
||||
cookies.</h2>
|
||||
|
||||
|
||||
|
||||
<hr class="wp-block-separator" />
|
||||
|
||||
|
||||
|
||||
<h2><strong>1. Informacje ogólne</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Niniejsza polityka dotyczy Serwisu www, funkcjonującego pod adresem
|
||||
url: <strong>ostal.pl</strong></li>
|
||||
<li>Operatorem serwisu oraz Administratorem danych osobowych jest: OSTAL GROUP Sp.
|
||||
z o.o. ul. Boh II A.W.P. 14F 59-900 Zgorzelec</li>
|
||||
<li>Adres kontaktowy poczty elektronicznej operatora: kontakt@ostal.pl</li>
|
||||
<li>Operator jest Administratorem Twoich danych osobowych w odniesieniu
|
||||
do danych podanych dobrowolnie w Serwisie.</li>
|
||||
<li>Serwis wykorzystuje dane osobowe w następujących celach:<ul>
|
||||
<li>Obsługa zapytań przez formularz</li>
|
||||
<li>Prezentacja oferty lub informacji</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Serwis realizuje funkcje pozyskiwania informacji o użytkownikach i ich
|
||||
zachowaniu w następujący sposób:<ol>
|
||||
<li>Poprzez dobrowolnie wprowadzone w formularzach dane, które zostają
|
||||
wprowadzone do systemów Operatora.</li>
|
||||
<li>Poprzez zapisywanie w urządzeniach końcowych plików cookie (tzw.
|
||||
„ciasteczka”).</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>2. Wybrane metody ochrony danych stosowane przez Operatora</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Miejsca logowania i wprowadzania danych osobowych są chronione w warstwie
|
||||
transmisji (certyfikat SSL). Dzięki temu dane osobowe i dane logowania, wprowadzone
|
||||
na stronie, zostają zaszyfrowane w komputerze użytkownika i mogą być
|
||||
odczytane jedynie na docelowym serwerze.</li>
|
||||
<li>Dane osobowe przechowywane w bazie danych są zaszyfrowane w taki sposób,
|
||||
że jedynie posiadający Operator klucz może je odczytać. Dzięki temu dane są
|
||||
chronione na wypadek wykradzenia bazy danych z serwera.</li>
|
||||
<li>Hasła użytkowników są przechowywane w postaci hashowanej. Funkcja hashująca działa
|
||||
jednokierunkowo – nie jest możliwe odwrócenie jej działania, co stanowi
|
||||
obecnie współczesny standard w zakresie przechowywania haseł użytkowników.</li>
|
||||
<li>Operator okresowo zmienia swoje hasła administracyjne.</li>
|
||||
<li>W celu ochrony danych Operator regularnie wykonuje kopie bezpieczeństwa.</li>
|
||||
<li>Istotnym elementem ochrony danych jest regularna aktualizacja wszelkiego oprogramowania,
|
||||
wykorzystywanego przez Operatora do przetwarzania danych osobowych, co
|
||||
w szczególności oznacza regularne aktualizacje komponentów programistycznych.</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>3. Hosting</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Serwis jest hostowany (technicznie utrzymywany) na serwera operatora: inna firma
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>4. Twoje prawa i dodatkowe informacje o sposobie wykorzystania
|
||||
danych</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>W niektórych sytuacjach Administrator ma prawo przekazywać Twoje dane osobowe
|
||||
innym odbiorcom, jeśli będzie to niezbędne do wykonania zawartej z Tobą
|
||||
umowy lub do zrealizowania obowiązków ciążących na Administratorze. Dotyczy
|
||||
to takich grup odbiorców:<ul>
|
||||
<li>firma hostingowa na zasadzie powierzenia</li>
|
||||
<li>operatorzy pocztowi</li>
|
||||
<li>kancelarie prawne i windykatorzy</li>
|
||||
<li>upoważnieni pracownicy i współpracownicy, którzy korzystają
|
||||
z danych w celu realizacji celu działania strony</li>
|
||||
<li>firmy, świadczące usługi marketingu na rzecz Administratora</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Twoje dane osobowe przetwarzane przez Administratora nie dłużej, niż jest
|
||||
to konieczne do wykonania związanych z nimi czynności określonych
|
||||
osobnymi przepisami (np. o prowadzeniu rachunkowości). W odniesieniu
|
||||
do danych marketingowych dane nie będą przetwarzane dłużej niż przez 3
|
||||
lata.</li>
|
||||
<li>Przysługuje Ci prawo żądania od Administratora:<ul>
|
||||
<li>dostępu do danych osobowych Ciebie dotyczących,</li>
|
||||
<li>ich sprostowania,</li>
|
||||
<li>usunięcia,</li>
|
||||
<li>ograniczenia przetwarzania,</li>
|
||||
<li>oraz przenoszenia danych.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Przysługuje Ci prawo do złożenia sprzeciwu w zakresie przetwarzania wskazanego
|
||||
w pkt 3.3 c) wobec przetwarzania danych osobowych w celu wykonania prawnie
|
||||
uzasadnionych interesów realizowanych przez Administratora, w tym
|
||||
profilowania, przy czym prawo sprzeciwu nie będzie mogło być wykonane
|
||||
w przypadku istnienia ważnych prawnie uzasadnionych podstaw do przetwarzania,
|
||||
nadrzędnych wobec Ciebie interesów, praw i wolności, w szczególności
|
||||
ustalenia, dochodzenia lub obrony roszczeń.</li>
|
||||
<li>Na działania Administratora przysługuje skarga do Prezesa Urzędu Ochrony
|
||||
Danych Osobowych, ul. Stawki 2, 00-193 Warszawa.</li>
|
||||
<li>Podanie danych osobowych jest dobrowolne, lecz niezbędne do obsługi Serwisu.
|
||||
</li>
|
||||
<li>W stosunku do Ciebie mogą być podejmowane czynności polegające
|
||||
na zautomatyzowanym podejmowaniu decyzji, w tym profilowaniu w celu
|
||||
świadczenia usług w ramach zawartej umowy oraz w celu prowadzenia
|
||||
przez Administratora marketingu bezpośredniego.</li>
|
||||
<li>Dane osobowe nie są przekazywane od krajów trzecich w rozumieniu
|
||||
przepisów o ochronie danych osobowych. Oznacza to, że nie przesyłamy ich
|
||||
poza teren Unii Europejskiej.</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>5. Informacje w formularzach</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Serwis zbiera informacje podane dobrowolnie przez użytkownika, w tym dane
|
||||
osobowe, o ile zostaną one podane.</li>
|
||||
<li>Serwis może zapisać informacje o parametrach połączenia (oznaczenie czasu, adres
|
||||
IP).</li>
|
||||
<li>Serwis, w niektórych wypadkach, może zapisać informację ułatwiającą powiązanie
|
||||
danych w formularzu z adresem e-mail użytkownika wypełniającego formularz.
|
||||
W takim wypadku adres e-mail użytkownika pojawia się wewnątrz adresu url strony
|
||||
zawierającej formularz.</li>
|
||||
<li>Dane podane w formularzu są przetwarzane w celu wynikającym z funkcji
|
||||
konkretnego formularza, np. w celu dokonania procesu obsługi zgłoszenia
|
||||
serwisowego lub kontaktu handlowego, rejestracji usług itp. Każdorazowo kontekst
|
||||
i opis formularza w czytelny sposób informuje, do czego on służy.</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>6. Logi Administratora</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Informacje zachowaniu użytkowników w serwisie mogą podlegać logowaniu. Dane te są
|
||||
wykorzystywane w celu administrowania serwisem.</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>7. Istotne techniki marketingowe</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Operator stosuje analizę statystyczną ruchu na stronie, poprzez Google Analytics
|
||||
(Google Inc. z siedzibą w USA). Operator nie przekazuje do operatora
|
||||
tej usługi danych osobowych, a jedynie zanonimizowane informacje. Usługa
|
||||
bazuje na wykorzystaniu ciasteczek w urządzeniu końcowym użytkownika.
|
||||
W zakresie informacji o preferencjach użytkownika gromadzonych przez sieć
|
||||
reklamową Google użytkownik może przeglądać i edytować informacje wynikające
|
||||
z plików cookies przy pomocy narzędzia: https://www.google.com/ads/preferences/
|
||||
</li>
|
||||
<li>Operator stosuje techniki remarketingowe, pozwalające na dopasowanie przekazów
|
||||
reklamowych do zachowania użytkownika na stronie, co może dawać złudzenie,
|
||||
że dane osobowe użytkownika są wykorzystywane do jego śledzenia, jednak
|
||||
w praktyce nie dochodzi do przekazania żadnych danych osobowych
|
||||
od Operatora do operatorom reklam. Technologicznym warunkiem takich działań
|
||||
jest włączona obsługa plików cookie.</li>
|
||||
<li>Operator stosuje korzysta z piksela Facebooka. Ta technologia powoduje,
|
||||
że serwis Facebook (Facebook Inc. z siedzibą w USA) wie, że dana
|
||||
osoba w nim zarejestrowana korzysta z Serwisu. Bazuje w tym wypadku
|
||||
na danych, wobec których sam jest administratorem, Operator
|
||||
nie przekazuje od siebie żadnych dodatkowych danych osobowych serwisowi
|
||||
Facebook. Usługa bazuje na wykorzystaniu ciasteczek w urządzeniu końcowym
|
||||
użytkownika.</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>8. Informacja o plikach cookies</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Serwis korzysta z plików cookies.</li>
|
||||
<li>Pliki cookies (tzw. „ciasteczka”) stanowią dane informatyczne, w szczególności
|
||||
pliki tekstowe, które przechowywane są w urządzeniu końcowym Użytkownika Serwisu
|
||||
i przeznaczone są do korzystania ze stron internetowych Serwisu. Cookies
|
||||
zazwyczaj zawierają nazwę strony internetowej, z której pochodzą, czas
|
||||
przechowywania ich na urządzeniu końcowym oraz unikalny numer.</li>
|
||||
<li>Podmiotem zamieszczającym na urządzeniu końcowym Użytkownika Serwisu pliki cookies
|
||||
oraz uzyskującym do nich dostęp jest operator Serwisu.</li>
|
||||
<li>Pliki cookies wykorzystywane są w następujących celach:<ol>
|
||||
<li>utrzymanie sesji użytkownika Serwisu (po zalogowaniu), dzięki
|
||||
której użytkownik nie musi na każdej podstronie Serwisu ponownie
|
||||
wpisywać loginu i hasła;</li>
|
||||
<li>realizacji celów określonych powyżej w części „Istotne techniki
|
||||
marketingowe”;</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>W ramach Serwisu stosowane są dwa zasadnicze rodzaje plików cookies: „sesyjne”
|
||||
(session cookies) oraz „stałe” (persistent cookies). Cookies „sesyjne” są plikami
|
||||
tymczasowymi, które przechowywane są w urządzeniu końcowym Użytkownika
|
||||
do czasu wylogowania, opuszczenia strony internetowej lub wyłączenia oprogramowania
|
||||
(przeglądarki internetowej). „Stałe” pliki cookies przechowywane są w urządzeniu
|
||||
końcowym Użytkownika przez czas określony w parametrach plików cookies lub
|
||||
do czasu ich usunięcia przez Użytkownika.</li>
|
||||
<li>Oprogramowanie do przeglądania stron internetowych (przeglądarka internetowa)
|
||||
zazwyczaj domyślnie dopuszcza przechowywanie plików cookies w urządzeniu końcowym
|
||||
Użytkownika. Użytkownicy Serwisu mogą dokonać zmiany ustawień w tym
|
||||
zakresie. Przeglądarka internetowa umożliwia usunięcie plików cookies. Możliwe jest
|
||||
także automatyczne blokowanie plików cookies Szczegółowe informacje na ten temat
|
||||
zawiera pomoc lub dokumentacja przeglądarki internetowej.</li>
|
||||
<li>Ograniczenia stosowania plików cookies mogą wpłynąć na niektóre funkcjonalności
|
||||
dostępne na stronach internetowych Serwisu.</li>
|
||||
<li>Pliki cookies zamieszczane w urządzeniu końcowym Użytkownika Serwisu wykorzystywane
|
||||
mogą być również przez współpracujące z operatorem Serwisu podmioty,
|
||||
w szczególności dotyczy to firm: Google (Google Inc. z siedzibą
|
||||
w USA), Facebook (Facebook Inc. z siedzibą w USA), Twitter (Twitter Inc.
|
||||
z siedzibą w USA).</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<h2><strong>9. Zarządzanie plikami cookies – jak w praktyce wyrażać i cofać
|
||||
zgodę?</strong></h2>
|
||||
|
||||
|
||||
|
||||
<ol>
|
||||
<li>Jeśli użytkownik nie chce otrzymywać plików cookies, może zmienić ustawienia
|
||||
przeglądarki. Zastrzegamy, że wyłączenie obsługi plików cookies niezbędnych dla
|
||||
procesów uwierzytelniania, bezpieczeństwa, utrzymania preferencji użytkownika może
|
||||
utrudnić, a w skrajnych przypadkach może uniemożliwić korzystanie
|
||||
ze stron www</li>
|
||||
<li>W celu zarządzania ustawienia cookies wybierz z listy poniżej przeglądarkę
|
||||
internetową, której używasz i postępuj zgodnie z instrukcjami:<ul>
|
||||
<li><a
|
||||
href="https://support.microsoft.com/pl-pl/help/10607/microsoft-edge-view-delete-browser-history">Edge</a>
|
||||
</li>
|
||||
<li><a
|
||||
href="https://support.microsoft.com/pl-pl/help/278835/how-to-delete-cookie-files-in-internet-explorer">Internet
|
||||
Explorer</a></li>
|
||||
<li><a
|
||||
href="http://support.google.com/chrome/bin/answer.py?hl=pl&answer=95647">Chrome</a>
|
||||
</li>
|
||||
<li><a href="http://support.apple.com/kb/PH5042">Safari</a></li>
|
||||
<li><a
|
||||
href="http://support.mozilla.org/pl/kb/W%C5%82%C4%85czanie%20i%20wy%C5%82%C4%85czanie%20obs%C5%82ugi%20ciasteczek">Firefox</a>
|
||||
</li>
|
||||
<li><a href="http://help.opera.com/Windows/12.10/pl/cookies.html">Opera</a></li>
|
||||
</ul>Urządzenia mobilne:<ul>
|
||||
<li><a
|
||||
href="http://support.google.com/chrome/bin/answer.py?hl=pl&answer=95647">Android</a>
|
||||
</li>
|
||||
<li><a href="http://support.apple.com/kb/HT1677?viewlocale=pl_PL">Safari (iOS)</a>
|
||||
</li>
|
||||
<li><a
|
||||
href="http://www.windowsphone.com/pl-pl/how-to/wp7/web/changing-privacy-and-other-browser-settings">Windows
|
||||
Phone</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<p>Niniejszy wzór polityki został wygenerowany bezpłatnie, w celach informacyjnych,
|
||||
w oparciu o naszą wiedzę, branżowe praktyki i przepisy prawa obowiązujące
|
||||
na dzień 2018-08-14. Zalecamy sprawdzenie wzoru polityki przed użyciem jej
|
||||
na stronie. Wzór opiera się na najczęściej występujących na stronach
|
||||
internetowych sytuacjach, ale może nie odzwierciedlać pełnej i dokładnej
|
||||
specyfiki Twojej strony www. Przeczytaj uważnie wygenerowany dokument
|
||||
i w razie potrzeb dostosuj go do Twojej sytuacji lub zasięgnij porady
|
||||
prawnej. Nie bierzemy odpowiedzianości za skutki posługiwania się tym dokumentem,
|
||||
ponieważ tylko Ty masz wpłw na to, czy wszystkie informacje w nim
|
||||
zawarte są zgodne z prawdą. Zwróć także uwagę, że Polityka Prywatności, nawet
|
||||
najlepsza, jest tylko jednym z ekmentów Twojej troski o dane osobowe
|
||||
i prywatność użytkownika na stronie www.</p>
|
||||
|
||||
</div><!-- the-content -->
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
</div><!-- #content .site-content -->
|
||||
</div><!-- #primary .content-area -->
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto"
|
||||
src="http://localhost/ac0ac0_wp-4062ba/wp-content/uploads/2021/06/ostal-logotyp.png"
|
||||
alt="logo ostal">
|
||||
</div>
|
||||
|
||||
<div class="text-center lg:pt-6 lg:text-left">
|
||||
<p>OSTAL GROUP Sp. z o.o.<br />
|
||||
ul. Boh II A.W.P. 14F<br />
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br />
|
||||
Pn-Czw 10-17<br />
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="tel:+48690980151">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="mailto:kontakt@ostal.pl">E-mail: kontakt@ostal.pl</a> </div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
<a target="_blank" href="https://www.25wat.com"><img
|
||||
src="http://localhost/ac0ac0_wp-4062ba/wp-content/themes/ostal/ostal-front/dist/assets/images/25wat-logo.svg"
|
||||
alt="Creative and Digital Agency for Game Changers"></a>
|
||||
️
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
</div> <!-- ostal-wrapper -->
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
179
wp-content/themes/ostal_WP/ostal-front/poradniki.html
Normal file
179
wp-content/themes/ostal_WP/ostal-front/poradniki.html
Normal file
@@ -0,0 +1,179 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Ostal </title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mx-auto">
|
||||
<section id="main-nav" class="pb-2">
|
||||
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
|
||||
</div>
|
||||
<div class="block lg:hidden">
|
||||
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
|
||||
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
|
||||
<a href="/ogrody-zimowe.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Ogrody zimowe
|
||||
</a>
|
||||
<a href="/carporty.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Carporty
|
||||
</a>
|
||||
<a href="/nasze-realizacje.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Realizacje
|
||||
</a>
|
||||
<a href="/poradniki.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Poradniki
|
||||
</a>
|
||||
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
O nas
|
||||
</a>
|
||||
<a href="/kontakt.html"
|
||||
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
|
||||
Kontakt
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section class="p-6 lg:container lg:mx-auto">
|
||||
<h1 class="text-3xl font-semibold pb-6">Poradniki</h1>
|
||||
</section>
|
||||
|
||||
<div class="lg:container lg:mx-auto lg:mb-16">
|
||||
<div class="p-6 pb-14">
|
||||
<h3 class="text-3xl font-semibold pb-6">O ogrodach zimowych</h3>
|
||||
<p class="text-xl pb-6">
|
||||
Od dawna ogrody zimowe były stosowane w architekturze, głównie pałacowej i dworkowej,
|
||||
dla stworzenia optymalnych warunków do uprawy egzotycznych roślin – jak drzewka
|
||||
pomarańczowe, stąd nazywano je również oranżeriami. Współcześnie mogą stać się
|
||||
dopełnieniem miejskiej, luksusowej willi, jak też wiejskiej rezydencji letniej.
|
||||
</p>
|
||||
<p class="text-xl pb-6">
|
||||
Już na początku należy odpowiedzieć sobie na pytanie: do czego ma służyć nasz nowy ogród zimowy oraz co jest dla nas ważniejsze – uzyskanie architektonicznego efektu, czy też powiększenie powierzchni mieszkalnej.
|
||||
</p>
|
||||
<a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline" href="#">
|
||||
<img class="absolute left-0 -ml-5 " src="/assets/images/pdf.svg" alt="pdf-icon">
|
||||
<p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “O ogrodach zimowych”.
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="p-6 bg-gray pt-14 pb-14">
|
||||
<h3 class="text-3xl font-semibold pb-6">Przed budową ogrodu zimowego
|
||||
</h3>
|
||||
<p class="text-xl pb-6">
|
||||
Projektowanie ogrodu zimowego na etapie budowy nowego domu pozwala uniknąć wielu ograniczeń i zyskać całkowitą dowolność w działaniach. Odpowiedni wybór położenia ogrodu i jego formy architektonicznej pozwala na zachowanie stylu całego budynku oraz utrzymanie integralności jego struktury.
|
||||
</p>
|
||||
<p class="text-xl pb-6">
|
||||
Przyłączenie ogrodu do już istniejącego budynku z kolei wymaga sprawdzenia, czy konstrukcja nośna wytrzyma dodatkowe obciążenie.
|
||||
|
||||
</p>
|
||||
<a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline" href="#">
|
||||
<img class="absolute left-0 -ml-5 " src="/assets/images/pdf.svg" alt="pdf-icon">
|
||||
<p class="text-xl font-semibold">Więcej dowiesz się z naszego poradnika “Przed budową ogrodu zimowego”.
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="p-6">
|
||||
<h3 class="text-3xl font-semibold pt-14 pb-14">Dodatkowe elementy ogrodu zimowego
|
||||
</h3>
|
||||
<p class="text-xl pb-6">
|
||||
Współczesne ogrody zimowe pozwalają na wykorzystanie wielu dodatkowych elementów, które zwiększają energooszczędność, zapewniają komfort optyczny i termiczny czy też odpowiadają za skuteczna klimatyzację.
|
||||
</p>
|
||||
<p class="text-xl pb-6">
|
||||
W naszych konstrukcjach stosujemy markizy dachowe, żaluzje fasadowe, rolety zewnętrzne oraz automatykę pogodową.
|
||||
|
||||
</p>
|
||||
<a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline" href="#">
|
||||
<img class="absolute left-0 -ml-5 " src="/assets/images/pdf.svg" alt="pdf-icon">
|
||||
<p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “Dodatkowe elementy ogrodu zimowego”.
|
||||
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<section class="mx-auto lg:container">
|
||||
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
|
||||
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
|
||||
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
|
||||
Twój wyjątkowy projekt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
|
||||
<a href="/kontakt.html" class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
|
||||
Skontaktuj się z nami.
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="mx-auto p-6 lg:container">
|
||||
<!-- row1 -->
|
||||
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
|
||||
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
|
||||
alt="logo ostal"></div>
|
||||
|
||||
<div>
|
||||
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
|
||||
ul. Boh II A.W.P. 14F<br>
|
||||
59-900 Zgorzelec</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<p>Biuro czynne:<br>
|
||||
Pn-Czw 10-17 <br>
|
||||
Pt 8-15</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-6 lg:text-left">
|
||||
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
|
||||
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
|
||||
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- row2 -->
|
||||
<div>
|
||||
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
|
||||
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
|
||||
️ <img src="/assets/images/25wat-logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
6
wp-content/themes/ostal_WP/ostal-front/postcss.config.js
Normal file
6
wp-content/themes/ostal_WP/ostal-front/postcss.config.js
Normal file
@@ -0,0 +1,6 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user