OGIBiz Website

Menu
49491
Main Description
97697

 

Έτοιμοι κώδικες για αντιγραφή

Vertical Image Area
99106

Accordion

½ Το πιο κάτω μπαίνει στο Tools > Source Code

Προσοχή τα κόκκινα πρέπει πάντα να έχουν ακριβώς ίδιες λέξεις, ή νούμερα, αλλιώς δεν θα δουλέυουν.

 

<p>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
</p>
<div id="accordion211">
<h3>Section 1</h3>
<div>
<p>11111</p>
</div>
<h3>Section 2</h3>
<div>
<p>11111</p>
</div>
<h3>Section 3</h3>
<div>
<p>11111</p>
</div>
<h3>Section 4</h3>
<div>
<p>11111</p>
</div>
<h3>Section 5</h3>
<div>
<p>11111</p>
</div>
<h3>Section 6</h3>
<div>
<p>11111</p>
</div>
</div>
<p>
<script>// <![CDATA[
$( '#accordion211' ).accordion({

active: false,

collapsible: true,

heightStyle: "content"

});
// ]]></script>
</p>

 

½ Το πιο κάτω μπαίνει στο Advanced Option > Custom html Code

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet">

Pop Up Page

Τα κόκκινα Modal9 πρέπει πάντα τα ιδια, θα αλλαζει κάθε φορά το 9 με ότι θέλεις νουμερο, λέξη, πρόταση αλλα πάντα και στα δύο για να είναι ιδια.

Και  μπαίνει στο Tools > Source Code

<!-- Button to Open the Modal -->
<p style="text-align: left;"><button class="btn btn-primary" type="button" data-toggle="modal" data-target="#myModal9">Test 1&nbsp;</button></p>
<!-- The Modal -->
<div id="myModal9" class="modal">
<div class="modal-dialog">
<div class="modal-content"><!-- Modal Header -->
<div class="modal-header" style="text-align: left;">
<h4 class="modal-title">Modal Heading</h4>
<button class="close" type="button" data-dismiss="modal">&times;</button></div>
<!-- Modal body -->
<div class="modal-body" style="text-align: left;">&nbsp;</div>
<div class="modal-body" style="text-align: left;">XXXXXXXXXX</div>
<div class="modal-body" style="text-align: left;">&nbsp;</div>
<!-- Modal footer -->
<div class="modal-footer" style="text-align: left;"><button class="btn btn-danger" type="button" data-dismiss="modal">Close</button></div>
</div>
</div>
</div>

Σταθερό αρχικό μενού

Το πιο κάτω μπαίνει στο Advanced Option > Custom html Code, σε κάθε σελίδα που θέλουμε σταθερό μενού

<style> .main_contentarea { margin-top: 65px !important; } nav#corporateBiz2{ position: fixed!important; } @media (max-width: 767px){ nav#corporateBiz2{ position: relative!important; } .main_contentarea { margin-top: -20px !important; } } body { font-family: "open sans", sans-serif !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, div, span, li, ul, a { font-family: "open sans", sans-serif !important; }</style>

Drop Down Menu

Το πιο κάτω μπαίνει στο Advanced Option > Custom html Code

<div class="btn-group">
<div class="btn-group"><button id="btnGroupDrop1" class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">Επιλογές</button>
<div class="dropdown-menu">
<div class="dropdown-item" style="text-align: left;"><a href="https://www.pvlahos.gr/Katanalotes/el/">Κέρδος παντού</a>
<div class="dropdown-item" style="text-align: left;"><a href="https://www.pvlahos.gr/Meiosi-exodon/el/">Προσωπική μείωση</a>
<div class="dropdown-item"><a href="https://www.pvlahos.gr/Super-Market/el/">Super Market</a>
<div class="dropdown-item" style="text-align: left;"><a href="https://www.pvlahos.gr/Υπηρεσίες/el/">Ανελαστικά έξοδα</a>
<div class="dropdown-item"><a href="https://www.pvlahos.gr/DepartmentStore/el/">Πολυκαταστήματα</a></div>
<div class="dropdown-item" style="text-align: left;"><a href="https://www.pvlahos.gr/Deliverygr/el/">Delivery</a>
<div class="dropdown-item"><a href="https://www.pvlahos.gr/Η-πλατφόρμα/el/">Αναζήτηση επιχειρήσεων</a></div>
<div class="dropdown-item" style="text-align: left;"><a href="https://www.pvlahos.gr/calc/el/">Υπολογιστής μείωσης</a>
</div>
</div>
</div>

Template με ασύμετρες φωτογραφίες

<table>

<tbody>

<tr>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-11.jpg" alt="" width="100%" height="NaN" /></div>

</td>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-8.jpg" alt="" width="100%" height="NaN" /></div>

</td>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-2_0.jpg" alt="" width="100%" height="NaN" /></div>

</td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-1.jpg" alt="" width="100%" height="NaN" /></div>

</td>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-12.jpg" alt="" width="100%" height="NaN" /></div>

</td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-7.jpg" alt="" width="100%" height="NaN" /></div>

</td>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/

81453/gallery-ammades-fodd-bar-rhodes_0__1_.jpg" alt="" width="100%" height="NaN" /></div>

</td>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-10.jpg" alt="" width="100%" height="NaN" /></div>

</td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites

/81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-4.jpg" alt="" width="100%" height="NaN" /></div>

</td>

<td>

<div class="darken"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/

81453/ammades-sea-side-restaurant-bar-home-faliraki-rhodes-11.jpg" alt="" width="100%" height="NaN" /></div>

</td>

</tr>

</tbody>

</table>

<p>&nbsp;</p>

Responsive (Small, Medium, Large, XLarge)

Responsive Small
<div class="table-responsive-sm">
<table class="table">
...
</table>
</div>

Responsive Medium
<div class="table-responsive-md">
<table class="table">
...
</table>
</div>

Responsive Large
<div class="table-responsive-lg">
<table class="table">
...
</table>
</div>

Responsive X Large
<div class="table-responsive-xl">
<table class="table">
...
</table>
</div> 

Σκιά στην κάθε εικόνα

Πριν από την κάθε εικόνα:
<div class="darken">

Στο Advance options:
<style>
.darken{
-webkit-filter: brightness(100%); /* Safari */
filter: brightness(100%);
}
.darken:hover {
-webkit-filter: grayscale(30%) brightness(20%); /* Safari */
filter: grayscale(30%) brightness(60%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
</style>

Κεντραρισμένο το κείμενο σε μια μικρότερη κολώνα

Μπαίνει στην αρχή κάθε Block στο Tools > Source Code

<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12 col-xs-offset-0 blog-post-content">

Εικόνα κουμπί για Pop Up page

Αλλάζουμε την διευθυνση με το κοκκινο με την διευθυνση της φωτογραφίας που θέλουμε να βάλουμε.

Δεν λειτουργεί ο κώδικας για την σκία όταν περνάει το mouse επάνω από την εικόνα.

Μπαίνει στο Tools > Source Code

<!-- Button to Open the Modal4 -->

<p style="text-align: center;"><a href="#myModal44" data-toggle="modal"> <img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/81453/3_app.jpg" alt="" /></a> <!-- The Modal --></p>

<div id="myModal44" class="modal">

<div class="modal-dialog">

<div class="modal-content"><!-- Modal Header -->

<div class="modal-header" style="text-align: left;">

<h4 class="modal-title">Modal Heading</h4>

<button class="close" type="button" data-dismiss="modal">&times;</button></div>

<!-- Modal body -->

<div class="modal-body" style="text-align: left;">Test4 44444</div>

<div class="modal-body" style="text-align: left;">&nbsp;</div>

<!-- Modal footer -->

<div class="modal-footer" style="text-align: left;"><button class="btn btn-danger" type="button" data-dismiss="modal">Close</button></div>

</div>

</div>

</div>

Έγχρωμα μικρά κουμπιά

<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

Eshop ρυθμίσεις SMTP για Gmail

Gmail's Default SMTP Settings

• Gmail SMTP server address: smtp.gmail.com

• Gmail SMTP username: Your Gmail address (e.g. example@gmail.com)

• Gmail SMTP password: Your Gmail password

• Gmail SMTP port (TLS): 587

Mail με κατάληξη το Domain

Ο ενδιαφερόμενος αγοράζει από εκεί που έχει αγοράσει το Domain name του Hosting για mail και δημιουργεί το mail της αρεσκίας του π.χ. info@changeplan.gr

Παλέτες χρωμάτων

Plagins

Facebook Plagin

https://developers.facebook.com/docs/plugins#like-share-send

Διάφορα Plagins (Στην δωρεάν έκδοση φαίνεται το Logo τους)

https://www.powr.io/plugins  (Και για messenger) 

Εντολές HTML για τα πάντα

Μετρήσεις SEO

CSS code

CSS (Κουτί στρογυλές γωνίες)

https://www.quackit.com/css/css3/properties/css_border-radius.cfm

Το witdth : 200px; Μπορείται να αλλάζετε το μήκος, ή να βάλετε 100% για να υπολογίζει μόνο του το ευρος του κάθε Block 

Το πιο κάτω στο Advanced Option > Custom html Code

<style>
.rounded-border {
width: 200px;
padding: 30px;
border: 1px solid crimson;
border-radius: 35px 10px / 20px 10px;
}
</style>

Το πιο κάτω στο Tools > Source Code

<div class="rounded-border">
Στις επιχειρήσεις ...........
</div>

CSS Decoration

Με πράσινη γραμμή επάνω από τα γράμματα

https://www.quackit.com/css/css3/properties/css_text-decoration.cfm  (Με test)

Το πιο κάτω στο Advanced Option > Custom html Code
<style>
h1 {
font: 100 3em sans-serif;
color: gold;
text-decoration: overline wavy yellowgreen;
}
</style>

Το πιο κάτω στο Tools > Source Code

<h1>Overline Example</h1>

Το κενό (αντί του Enter)

Μια απλή αλλά πολύ χρησιμη εντολή το κενό, χρησιμοποιείται στην αρχή, στο τέλος, στην μέση οπουδήποτε ειδικά μερικές φορές που σε συνδυασμό με άλλες εντολές δεν είναι δυνατόν να χρησιμοποιειθεί το Enter

Το πιο κάτω στο Tools > Source Code

<p>&nbsp;</p>

Vertical Image Area
101949

Σκιά με κείμενο επάνω σε φωτογραφία

Το πιο κάτω στο Tools > Source Code

Για 1 φωτογραφία

    <section class="homepage-section at-a-glance">

        <div class="at-a-glance-container">

 

            <a href="https://www.amathusrhodes.com/gre/rooms-rhodes" style="background-image:url(https://www.amathusrhodes.com//files/transformations/amathus-rhodes-standard-rooms-sea-view-1-resized-483x180.jpg)" class="at-a-glance-item"><span class="at-a-glance-hover"><span class="at-a-glance-bg"></span><span class="at-a-glance-container"><span class="at-a-glance-title">ΔΩΜΑΤΙΑ ΜΕ ΘΕΑ ΣΤΗ ΘΑΛΑΣΣΑ ΣΤΗ ΡΟΔΟ</span>

                            <span class="at-a-glance-price"></span>

                            <span class="more-button white">

                                <span class="text">ΠΕΡΙΣΣΟΤΕΡΑ<span class="icon amathus-graphic-pink"></span><span class="icon graphic-small-white"></span></span>

</div>

    </section>

Για 2 φωτογραφίες η μια δίπλα στην άλλη

Στο κόκκινο βάζουμε το URl της φωτογραφίας που θέλουμε (η διάσταση είναι σταθερή 402x148

<section class="homepage-section at-a-glance">

        <div class="at-a-glance-container">

            <a href="https://www.amathusrhodes.com/gre/rooms-rhodes" style="background-image:url(https://www.amathusrhodes.com//files/transformations/amathus-rhodes-standard-rooms-sea-view-1-resized-483x180.jpg)" class="at-a-glance-item"><span class="at-a-glance-hover"><span class="at-a-glance-bg"></span><span class="at-a-glance-container"><span class="at-a-glance-title">ΔΩΜΑΤΙΑ ΜΕ ΘΕΑ ΣΤΗ ΘΑΛΑΣΣΑ ΣΤΗ ΡΟΔΟ</span>

                            <span class="at-a-glance-price"></span>

                            <span class="more-button white">

                                <span class="text">ΠΕΡΙΣΣΟΤΕΡΑ<span class="icon amathus-graphic-pink"></span><span class="icon graphic-small-white"></span></span>

            <a href="https://www.amathusrhodes.com/gre/rooms-rhodes" style="background-image:url(https://www.amathusrhodes.com//files/transformations/amathus-rhodes-standard-rooms-sea-view-1-resized-483x180.jpg)" class="at-a-glance-item"><span class="at-a-glance-hover"><span class="at-a-glance-bg"></span><span class="at-a-glance-container"><span class="at-a-glance-title">ΔΩΜΑΤΙΑ ΜΕ ΘΕΑ ΣΤΗ ΘΑΛΑΣΣΑ ΣΤΗ ΡΟΔΟ</span>

                            <span class="at-a-glance-price"></span>

                            <span class="more-button white">

                                <span class="text">ΠΕΡΙΣΣΟΤΕΡΑ<span class="icon amathus-graphic-pink"></span><span class="icon graphic-small-white"></span></span>

                                                                                                         </div>

    </section>

Για 3 φωτογραφίες ή μια δίπλα στην άλλη με μικρό κενό ενδιάμεσα, έαν θέλουμε να είναι κολλητές αφαιρούμε απο το τέλος της κάθε πρώτης γραμμής του κάθε block το κόκκινο </a>

<section class="homepage-section at-a-glance">

 

<div class="at-a-glance-container" style="text-align: center;">

 

<a class="at-a-glance-item" style="background-image: url('https://www.amathusrhodes.com//files/transformations/amathus-rhodes-standard-rooms-sea-view-1-resized-483x180.jpg');" href="https://www.amathusrhodes.com/gre/rooms-rhodes"><span class="at-a-glance-hover"><span class="at-a-glance-container"><span class="at-a-glance-title">&Delta;&Omega;&Mu;&Alpha;&Tau;&Iota;&Alpha; &Mu;&Epsilon; &Theta;&Epsilon;&Alpha; &Sigma;&Tau;&Eta; &Theta;&Alpha;&Lambda;&Alpha;&Sigma;&Sigma;&Alpha; &Sigma;&Tau;&Eta; &Rho;&Omicron;&Delta;&Omicron;</span> <span class="more-button white"> <span class="text">&Pi;&Epsilon;&Rho;&Iota;&Sigma;&Sigma;&Omicron;&Tau;&Epsilon;&Rho;&Alpha;</span> </span></span></span></a>

 

<a class="at-a-glance-item" style="background-image: url('https://www.amathusrhodes.com//files/transformations/amathus-rhodes-standard-rooms-sea-view-1-resized-483x180.jpg');" href="https://www.amathusrhodes.com/gre/rooms-rhodes"><span class="at-a-glance-hover"><span class="at-a-glance-container"><span class="at-a-glance-title">&Delta;&Omega;&Mu;&Alpha;&Tau;&Iota;&Alpha; &Mu;&Epsilon; &Theta;&Epsilon;&Alpha; &Sigma;&Tau;&Eta; &Theta;&Alpha;&Lambda;&Alpha;&Sigma;&Sigma;&Alpha; &Sigma;&Tau;&Eta; &Rho;&Omicron;&Delta;&Omicron;</span> <span class="more-button white"> <span class="text">&Pi;&Epsilon;&Rho;&Iota;&Sigma;&Sigma;&Omicron;&Tau;&Epsilon;&Rho;&Alpha;</span> </span></span></span></a>

 

<a class="at-a-glance-item" style="background-image: url('https://www.amathusrhodes.com//files/transformations/amathus-rhodes-standard-rooms-sea-view-1-resized-483x180.jpg');" href="https://www.amathusrhodes.com/gre/rooms-rhodes"><span class="at-a-glance-hover"><span class="at-a-glance-container"><span class="at-a-glance-title">&Delta;&Omega;&Mu;&Alpha;&Tau;&Iota;&Alpha; &Mu;&Epsilon; &Theta;&Epsilon;&Alpha; &Sigma;&Tau;&Eta; &Theta;&Alpha;&Lambda;&Alpha;&Sigma;&Sigma;&Alpha; &Sigma;&Tau;&Eta; &Rho;&Omicron;&Delta;&Omicron;</span> <span class="more-button white"> <span class="text">&Pi;&Epsilon;&Rho;&Iota;&Sigma;&Sigma;&Omicron;&Tau;&Epsilon;&Rho;&Alpha;</span> </span></span></span></a>

 

</div>

</section>

Το πιο κάτω στο Advanced Option > Custom html Code. Οπου Κίτρινο αλλαζοντας τις τιμές αλλάζει το μέγεθος της εικόνας και το μέγεθος της γραμματοσειράς.

<style>

.more-button {

  font-family: gfs_didotregular, Times, Arial, Helvetica, sans-serif;

  font-size: 15px;

  line-height: 27px;

  color: #9eb7c5;

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  *display: inline;

  vertical-align: middle;

  zoom: 1;

  min-width: 118px;

  height: 27px;

  border: 1px solid #f1f0ef;

  background: #f1f0ef;

  padding: 0 15px 0 15px;

  position: relative;

  text-align: left;

  cursor: pointer;

  text-decoration: none;

  -webkit-transition: all 100ms ease-in-out;

  -moz-transition: all 100ms ease-in-out;

  -o-transition: all 100ms ease-in-out;

  transition: all 100ms ease-in-out;

  -ms-transition: all 100ms ease-in-out;

  -webkit-transition: all 100 ease-out;

  -moz-transition: all 100 ease-out;

  -o-transition: all 100 ease-out;

  transition: all 100 ease-out;

  margin: 0 4px;

}

.homepage-section.at-a-glance.gallery .at-a-glance-container .at-a-glance-item {

  float: left;

}

.homepage-section.at-a-glance.gallery .at-a-glance-container .at-a-glance-item .more-button {

  min-width: 150px;

}

.homepage-section.at-a-glance .at-a-glance-container {

  margin: 20px 0 0 0;

  text-decoration: none;

  text-align: center;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item {

  background-repeat: no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center;

  min-width: 395px;

  width: 33.33%;

  display: inline-block;

  *display: inline;

  vertical-align: middle;

  zoom: 1;

  min-height: 148px;

  height: 33.33%;

  position: relative;

  border: none;

  text-decoration: none;

  -moz-user-select: none;

  -webkit-user-select: none;

  -webkit-user-drag: none;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item .at-a-glance-item-shadow-box-link {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 100;

  -moz-user-select: none;

  -webkit-user-select: none;

  -webkit-user-drag: none;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item .at-a-glance-hover {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  -moz-opacity: 0;

  -khtml-opacity: 0;

  -webkit-opacity: 0;

  opacity: 0;

  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  -webkit-opacity: 0;

  opacity: 0;

  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

  filter: alpha(opacity=0);

  -webkit-transition: all 200ms ease-in-out;

  -moz-transition: all 200ms ease-in-out;

  -o-transition: all 200ms ease-in-out;

  transition: all 200ms ease-in-out;

  -ms-transition: all 200ms ease-in-out;

  -webkit-transition: all 200 ease-out;

  -moz-transition: all 200 ease-out;

  -o-transition: all 200 ease-out;

  transition: all 200 ease-out;

  text-align: center;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item:hover .at-a-glance-hover {

  -moz-opacity: 1;

  -khtml-opacity: 1;

  -webkit-opacity: 1;

  opacity: 1;

  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  -webkit-opacity: 1;

  opacity: 1;

  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

  filter: alpha(opacity=100);

   background: #393939;

     opacity: 0.85;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item .at-a-glance-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #393939;

  -moz-opacity: 0.85;

  -khtml-opacity: 0.85;

  -webkit-opacity: 0.85;

  opacity: 0.85;

  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);

  filter: alpha(opacity=85);

  -moz-opacity: 0.85;

  -khtml-opacity: 0.85;

  -webkit-opacity: 0.85;

  opacity: 0.85;

  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);

  filter: alpha(opacity=85);

  z-index: 10;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item .at-a-glance-container {

  position: relative;

  top: 25px;

  width: 300px;

  margin: 0 auto;

  z-index: 20;

  display: block;

 

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item .at-a-glance-title {

  display: block;

  font-family: gfs_didotregular, Times, Arial, Helvetica, sans-serif;

  font-size: 21px;

  line-height: 26px;

  color: #ffffff;

  font-style: normal;

  font-weight: normal;

  text-align: center;

  margin: 0 0 7px 0;

  border: none;

  text-decoration: none;

  min-height: 52px;

   background: #393939;

}

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item:hover .more-button,

.homepage-section.at-a-glance .at-a-glance-container .at-a-glance-item .more-button {

   background: #393939;

     opacity: 0.85;

}

</style>

Μενού μονοσέλιδου

Στο Tools > Source Code

Στην κάθε λέξη του μενού μπαίνει το πιο κάτω.

Το κόκκινο αφορά το URL του μονοσέλιδου, το μπλέ είναι αυτό που προσθέτουμε και πρέπει να είναι η ιδια λέξη με το σημείο που ορίζουμε ότι θα πηγαίνει ο σύνδεσμος.

https://pvlahos.ogibiz.com/Companies#offer

 

Στην αρχή του κάθε Block προσθέτουμε τον πιο κάτω κώδικα, και φροντίζουμε η μπλέ λέξη να είναι πάντα ίδια και στο επάνω και στο κάτω.

<div id="offer">

Εργαλείο υπολογισμού μείωσης εξόδων

Tools > Source Code

<div style="text-align: left;"><strong><span style="color: #808080;"><a style="color: #808080;" href="https://www.pvlahos.gr/Meiosi-exodon/el/">&Pi;&rho;&omicron;&sigma;&omega;&pi;&iota;&kappa;ά έ&chi;&omega; &mu;&epsilon;ί&omega;&sigma;&eta; &epsilon;&xi;ό&delta;&omega;&nu; &epsilon;&tau;&eta;&sigma;ί&omega;&sigmaf; 2.080&euro;</a></span></strong></div>
<div style="text-align: left;">&nbsp;</div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">Super Market (7%): <input id="myText1" type="number" /></span></div>
<div id="demo1" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Eta;&lambda;&epsilon;&kappa;&tau;&rho;&iota;&kappa;ό &Rho;&epsilon;ύ&mu;&alpha; (30%): <input id="myText2" type="number" /></span></div>
<div id="demo2" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Kappa;&iota;&nu;&eta;&tau;ή &tau;&eta;&lambda;&epsilon;&phi;&omega;&nu;ί&alpha; (45% - 60%): <input id="myText3" type="number" /></span></div>
<div id="demo3" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">Delivery.gr (5%): <input id="myText4" type="number" /></span></div>
<div id="demo4" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Alpha;&sigma;&phi;ά&lambda;&epsilon;&iota;&alpha; &alpha;&upsilon;&tau;&omicron;&kappa;&iota;&nu;ή&tau;&omicron;&upsilon; (min 10%): <input id="myText5" type="number" /></span></div>
<div id="demo5" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Alpha;&sigma;&phi;ά&lambda;&epsilon;&iota;&alpha; &mu;&eta;&chi;&alpha;&nu;ή&sigmaf; (min 10%): <input id="myText6" type="number" /></span></div>
<div id="demo6" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Alpha;&sigma;&phi;ά&lambda;&epsilon;&iota;&alpha; &kappa;&alpha;&tau;&omicron;&iota;&kappa;ί&alpha;&sigmaf; (min 10%): <input id="myText7" type="number" /></span></div>
<div id="demo7" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Alpha;&sigma;&phi;ά&lambda;&epsilon;&iota;&alpha; &epsilon;&xi;&omicron;&chi;&iota;&kappa;&omicron;ύ (min 10%): <input id="myText8" type="number" /></span></div>
<div id="demo8" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Alpha;&sigma;&phi;ά&lambda;&epsilon;&iota;&alpha; &zeta;&omega;ή&sigmaf; (min10%): <input id="myText9" type="number" /></span></div>
<div id="demo9" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Alpha;&sigma;&phi;ά&lambda;&epsilon;&iota;&alpha; &upsilon;&gamma;&epsilon;ί&alpha;&sigmaf; (min 10%): <input id="myText10" type="number" /></span></div>
<div id="demo10" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Epsilon;&sigma;&tau;ί&alpha;&sigma;&eta; (10% - 30%): <input id="myText11" type="number" /></span></div>
<div id="demo11" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
</div>
<div class="row" style="margin: 20px;">
<div class="col-sm-8">
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&nbsp;</span></div>
<div class="col-sm-10"><span style="color: #808080;"><strong>&Delta;&iota;&epsilon;&upsilon;&kappa;&rho;&iota;&nu;ή&sigma;&epsilon;&iota;&sigmaf; :</strong></span></div>
<div class="col-sm-12" style="text-align: left;"><span style="color: #808080;"><strong>1.</strong>&nbsp;<strong>&Pi;&rho;&omicron;&alpha;&iota;&rho;&epsilon;&tau;&iota;&kappa;ά</strong> &mu;&epsilon; 3 &epsilon;&nu;&epsilon;&rho;&gamma;έ&sigmaf; &sigma;&upsilon;&sigma;&tau;ά&sigma;&epsilon;&iota;&sigmaf; &eta; &sigma;&upsilon;&nu;&delta;&rho;&omicron;&mu;ή &mu;&eta;&delta;&epsilon;&nu;ί&zeta;&epsilon;&tau;&alpha;&iota;, &alpha;&pi;ό &tau;&eta;&nu; 4&eta; &pi;&alpha;&rho;έ&chi;&epsilon;&tau;&alpha;&iota;&nbsp;<strong>extra &alpha;&mu;&omicron;&iota;&beta;ή</strong>.</span></div>
<div class="col-sm-10" style="text-align: left;"><strong>2.</strong> &Eta; έ&kappa;&pi;&tau;&omega;&sigma;&eta; &sigma;&tau;&omicron; <strong>Super Market</strong> &upsilon;&pi;&omicron;&lambda;&omicron;&gamma;ί&zeta;&epsilon;&tau;&alpha;&iota; &sigma;&tau;&omicron;&nu; &pi;ί&nu;&alpha;&kappa;&alpha; &mu;&epsilon; 7%</div>
<br />
<div class="col-sm-10"><span style="color: #808080;">&nbsp;</span></div>
<div class="col-sm-10"><span style="color: #808080;">&Sigma;&upsilon;&sigma;&tau;ά&sigma;&epsilon;&iota;&sigmaf; <strong>(&pi;&rho;&omicron;&alpha;&iota;&rho;&epsilon;&tau;&iota;&kappa;ά </strong>&mu;&epsilon; 3 &epsilon;&nu;&epsilon;&rho;&gamma;έ&sigmaf; &eta; &sigma;&upsilon;&nu;&delta;&rho;&omicron;&mu;ή &mu;&eta;&delta;&epsilon;&nu;ί&zeta;&epsilon;&tau;&alpha;&iota;<strong>)</strong>: <input id="myText20" type="number" /></span></div>
<div id="demo20" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row">
<div class="col-sm-10"><span style="color: #808080;">&Sigma;&upsilon;&sigma;&tau;ά&sigma;&epsilon;&iota;&sigmaf; &phi;ί&lambda;&omega;&nu;&nbsp;<strong>(&Sigma;&upsilon;&mu;&pi;&lambda;&eta;&rho;ώ&nu;&epsilon;&tau;&epsilon; &alpha;&upsilon;&tau;ό&mu;&alpha;&tau;&alpha;)</strong>: <input id="myText21" type="number" /></span></div>
<div id="demo21" class="col-sm-2"><span style="color: #808080;">&nbsp;</span></div>
</div>
<div class="row" style="margin-top: 60px;">
<div class="col-sm-10"><span style="color: #808080;">&Epsilon;&tau;ή&sigma;&iota;&alpha; &sigma;&upsilon;&nu;&delta;&rho;&omicron;&mu;ή (24&euro; * 12 &mu;ή&nu;&epsilon;&sigmaf;):</span></div>
<div id="myText13" class="col-sm-2"><span style="color: #808080;">288 &euro;</span></div>
</div>
</div>
</div>
<div class="row" style="margin: 20px; margin-top: 40px;">
<div class="col-sm-4"><span style="color: #808080;"><button><strong>&Upsilon;&pi;&omicron;&lambda;&omicron;&gamma;&iota;&sigma;&mu;ό&sigmaf;</strong></button></span></div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-4"><span style="color: #808080;"><strong>&Epsilon;&tau;ή&sigma;&iota;&omicron; &kappa;έ&rho;&delta;&omicron;&sigmaf;:</strong></span></div>
<div id="demo30" class="col-sm-3"><span style="color: #808080;">&nbsp;</span></div>
</div>
</div>
</div>

Advance HTML Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<style>
input{width: 25%; float:right;}
</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></style>


<script>
$(document).ready(function(){
$("button").click(function(){

var x1 = document.getElementById("myText1").value;
x1 = x1*0.07;
var y1 = x1.toFixed(2);
document.getElementById("demo1").innerHTML = y1 + " €";

var x2 = document.getElementById("myText2").value;
x2 = x2*0.30;
var y2 = x2.toFixed(2);
document.getElementById("demo2").innerHTML = y2 + " €";

var x3 = document.getElementById("myText3").value;
x3 = x3*0.50;
var y3 = x3.toFixed(2)
document.getElementById("demo3").innerHTML = y3 + " €";

var x4 = document.getElementById("myText4").value;
x4 = x4*0.05;
var y4 = x4.toFixed(2)
document.getElementById("demo4").innerHTML = y4 + " €";

var x5 = document.getElementById("myText5").value;
x5 = x5*0.05;
var y5 = x5.toFixed(2)
document.getElementById("demo5").innerHTML = y5 + " €";

var x6 = document.getElementById("myText6").value;
x6 = x6*0.05;
var y6 = x6.toFixed(2)
document.getElementById("demo6").innerHTML = y6 + " €";

var x7 = document.getElementById("myText7").value;
x7 = x7*0.05;
var y7 = x7.toFixed(2)
document.getElementById("demo7").innerHTML = y7 + " €";

var x8 = document.getElementById("myText8").value;
x8 = x8*0.05;
var y8 = x8.toFixed(2)
document.getElementById("demo8").innerHTML = y8 + " €";

var x9 = document.getElementById("myText9").value;
x9 = x9*0.05;
var y9 = x9.toFixed(2)
document.getElementById("demo9").innerHTML = y9 + " €";

var x10 = document.getElementById("myText10").value;
x10 = x10*0.05;
var y10 = x10.toFixed(2)
document.getElementById("demo10").innerHTML = y10 + " €";

var x11 = document.getElementById("myText11").value;
x11 = x11*0.10;
var y11 = x11.toFixed(2)
document.getElementById("demo11").innerHTML = y11 + " €";

var sum = 0;
var num = 0;

if ( x1 > 0.00 ) {
sum = sum + x1;
num = num + 1;
}
if ( x2 > 0.00 ) {
sum = sum + x2;
num = num + 1;
}
if ( x3 != 0.00 ) {
sum = sum + x3;
num = num + 1;
}
if ( x4 != 0.00 ) {
sum = sum + x4;
num = num + 1;
}
if ( x5 != 0.00 ) {
sum = sum + x5;
num = num + 1;
}
if ( x6 != 0.00 ) {
sum = sum + x6;
num = num + 1;
}
if ( x7 != 0.00 ) {
sum = sum + x7;
num = num + 1;
}
if ( x8 != 0.00 ) {
sum = sum + x8;
num = num + 1;
}
if ( x9 != 0.00 ) {
sum = sum + x9;
num = num + 1;
}
if ( x10 != 0.00 ) {
sum = sum + x10;
num = num + 1;
}
if ( x11 != 0.00 ) {
sum = sum + x11;
num = num + 1;
}


var x20 = document.getElementById("myText20").value;
y20 = x20*96;
document.getElementById("demo20").innerHTML = y20 + " €";

var x21 = document.getElementById("myText21").value;
if (x20 >= 4) {
x21 = ((x20 - (x20 % 4))/4)*3;
}
if (x20 >=3 ) {
document.getElementById("myText13").innerHTML = 0 + " €";
}
else {
document.getElementById("myText13").innerHTML = 24 + " €";
}
document.getElementById("myText21").value = x21;
y21 = x21*1.1*12;
document.getElementById("demo21").innerHTML = y21 + " €";

sum = sum + y20 + y21;
var echo = sum.toFixed(2);
document.getElementById("demo30").innerHTML = echo + " €";


});
});
</script>


<style>
input{width: 25%; float:right;}
</style>

Μπλέ ταμπελάκι

Tools > Code

<center>
<div id="blue_banner" class="blue_banner" style="outline: 0px; opacity: 1;">
<p class="banner" style="outline: 0px none; position: relative; opacity: 1;">Available Now. Choose Below.<span style="font-size: 0.8em;"><span style="text-decoration: underline;"><br /></span></span></p>
</div>
</center>

Advance HTML Code 

<style>

a.blue_text {

       color: white;

       text-decoration: none;

}

a.blue_text:hover {

       color: #0C87E9;

       text-decoration: none;

}

.button {

    background-color: #FAC903; /* Musturd */

    border: none;

    color: white;

    padding: 16px 32px;

    border-radius: 8px;

    text-align: center;

    display: inline-block;

    font-size: 2em;

    font-style: Bold;

    margin: 4px 2px;

    -webkit-transition-duration: 0.4s; /* Safari */

    transition-duration: 0.4s;

    cursor: pointer;

}

.button1 {

    background-color: #FAC903;

    color: white;

}

.button1:hover {

    background-color: #FAC903;

    color: #000000;

}

.blue_banner .banner::before {

    border-color: transparent #105395;

    border-style: dashed solid;

    border-width: 20px 15px 0 0;

    color: transparent;

    content: "";

    font: 0px/0 a;

    height: 0;

    overflow: hidden;

    position: absolute;

    right: 100%;

    text-decoration: none;

    top: 0;

    width: 0;

}

.blue_banner .banner {

    background: #0c87e9 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    line-height: 30px;

    padding: 15px 70px;

    position: relative;

    text-shadow: 0 1px 2px rgba(5, 5, 5, 0.2);

    vertical-align: middle;

}

.blue_banner .banner {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 0;

    margin-top: -20px;

}

.testimonial {

    padding: 20px;

    background-color: #FFFFFF;

    box-shadow: 10px 10px 5px grey;

}

</style>

Οι 10 απαραίτητες σελίδες σε ένα Website

<h4 style="text-align: center;"><span style="font-family: verdana, geneva;">&Pi;&omicron;&iota;&epsilon;&sigmaf; &epsilon;ί&nu;&alpha;&iota; &omicron;&iota; 10 &beta;&alpha;&sigma;&iota;&kappa;έ&sigmaf; &sigma;&epsilon;&lambda;ί&delta;&epsilon;&sigmaf; &pi;&omicron;&upsilon; &kappa;&alpha;&lambda;ό &epsilon;ί&nu;&alpha;&iota; &nu;&alpha; έ&chi;&epsilon;&iota; <br />&tau;&omicron; Website &sigma;&alpha;&sigmaf;</span></h4>
<p style="text-align: center;"><button class="btn btn-primary" type="button" data-toggle="modal" data-target="#myModal9">&Pi;&epsilon;&rho;&iota;&sigma;&sigma;ό&tau;&epsilon;&rho;&alpha;</button></p>
<div id="myModal9" class="modal">
<div class="modal-dialog">
<div class="modal-content"><!-- Modal Header -->
<div class="modal-header" style="text-align: left;">
<h3 class="modal-title" style="text-align: center;"><span style="color: #993366;">&Pi;&omicron;&iota;&epsilon;&sigmaf; &epsilon;ί&nu;&alpha;&iota; &omicron;&iota; 10 &beta;&alpha;&sigma;&iota;&kappa;έ&sigmaf; &sigma;&epsilon;&lambda;ί&delta;&epsilon;&sigmaf; &pi;&omicron;&upsilon; &kappa;&alpha;&lambda;ό &epsilon;ί&nu;&alpha;&iota; &nu;&alpha; έ&chi;&epsilon;&iota; &tau;&omicron; Website &sigma;&alpha;&sigmaf;</span></h3>
<button class="close" type="button" data-dismiss="modal">&times;</button></div>
<!-- Modal body -->
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;">&Alpha;&upsilon;&tau;ό&sigmaf; &epsilon;ί&nu;&alpha;&iota; έ&nu;&alpha;&sigmaf; &omicron;&delta;&eta;&gamma;ό&sigmaf; &pi;&omicron;&upsilon; &sigma;&kappa;&omicron;&pi;ό έ&chi;&epsilon;&iota; &nu;&alpha; &sigma;&alpha;&sigmaf; &beta;&omicron;&eta;&theta;ή&sigma;&epsilon;&iota; &nu;&alpha; &omicron;&rho;&gamma;&alpha;&nu;ώ&sigma;&epsilon;&tau;&epsilon; &tau;&omicron; &upsilon;&lambda;&iota;&kappa;ό &gamma;&iota;&alpha; &tau;&eta;&nu; &kappa;&alpha;&tau;&alpha;&sigma;&kappa;&epsilon;&upsilon;ή &tau;&eta;&sigmaf; &iota;&sigma;&tau;&omicron;&sigma;&epsilon;&lambda;ί&delta;&alpha;&sigmaf; &sigma;&alpha;&sigmaf;. &Omicron;&iota; &pi;&alpha;&rho;&alpha;&kappa;ά&tau;&omega; &sigma;&epsilon;&lambda;ί&delta;&epsilon;&sigmaf; &epsilon;ί&nu;&alpha;&iota; &beta;&alpha;&sigma;&iota;&kappa;έ&sigmaf; &kappa;&alpha;&iota; &kappa;&alpha;&lambda;ό &theta;&alpha; &epsilon;ί&nu;&alpha;&iota; &alpha;&phi;&omicron;ύ &xi;&epsilon;&kappa;&iota;&nu;ά&tau;&epsilon; &alpha;&pi;ό &tau;&eta;&nu; &alpha;&rho;&chi;ή &nu;&alpha; &tau;&iota;&sigmaf; &lambda;ά&beta;&epsilon;&tau;&epsilon; &sigma;&omicron;&beta;&alpha;&rho;ά &upsilon;&pi;ό&psi;&eta; ώ&sigma;&tau;&epsilon; &nu;&alpha; &tau;&iota;&sigmaf; &sigma;&upsilon;&mu;&pi;&epsilon;&rho;&iota;&lambda;ά&beta;&epsilon;&tau;&epsilon; &sigma;&tau;&omicron; site &sigma;&alpha;&sigmaf;.</span><br /><br /><span style="font-family: verdana, geneva;">&Epsilon;&kappa;&tau;ό&sigmaf; &alpha;&pi;ό &tau;&iota;&sigmaf; &sigma;&epsilon;&lambda;ί&delta;&epsilon;&sigmaf; &mu;&epsilon; &epsilon;&iota;&delta;&iota;&kappa;ό &pi;&epsilon;&rho;&iota;&epsilon;&chi;ό&mu;&epsilon;&nu;&omicron; &pi;&omicron;&upsilon; &mu;&pi;&omicron;&rho;&epsilon;ί &nu;&alpha; &tau;&alpha;&iota;&rho;&iota;ά&zeta;&omicron;&upsilon;&nu; &mu;ό&nu;&omicron; &sigma;&tau;&omicron; &epsilon;ί&delta;&omicron;&sigmaf; &tau;&eta;&sigmaf; &epsilon;&pi;&iota;&chi;&epsilon;ί&rho;&eta;&sigma;ή&sigmaf; &sigma;&alpha;&sigmaf;, &upsilon;&pi;ά&rho;&chi;&omicron;&upsilon;&nu; &kappa;&alpha;&iota; 10 &tau;ύ&pi;&omicron;&iota;, &pi;&omicron;&upsilon; &pi;&alpha;&rho;&alpha;&mu;έ&nu;&omicron;&upsilon;&nu; &sigma;&tau;&alpha;&theta;&epsilon;&rho;&omicron;ί &kappa;&alpha;&iota; &mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &nu;&alpha; &tau;&omicron;&upsilon;&sigmaf; &chi;&rho;&eta;&sigma;&iota;&mu;&omicron;&pi;&omicron;&iota;ή&sigma;&epsilon;&tau;&epsilon; &kappa;&alpha;&iota; &nu;&alpha; &tau;&omicron;&upsilon;&sigmaf; &pi;&rho;&omicron;&sigma;&alpha;&rho;&mu;ό&sigma;&epsilon;&tau;&epsilon;, &alpha;&nu;ά&lambda;&omicron;&gamma;&alpha; &mu;&epsilon; &tau;&iota;&sigmaf; &alpha;&nu;ά&gamma;&kappa;&epsilon;&sigmaf; &tau;&eta;&sigmaf; &delta;&iota;&alpha;&delta;&iota;&kappa;&tau;&upsilon;&alpha;&kappa;ή&sigmaf; &sigma;&alpha;&sigmaf; &pi;&alpha;&rho;&omicron;&upsilon;&sigma;ί&alpha;&sigmaf;.</span><br /><span style="font-family: verdana, geneva;">&Sigma;&tau;&eta;&nu; &pi;&epsilon;&rho;ί&pi;&tau;&omega;&sigma;&eta; &pi;&omicron;&upsilon; &pi;&rho;ό&kappa;&epsilon;&iota;&tau;&alpha;&iota; &gamma;&iota;&alpha; &mu;&omicron;&nu;&omicron;&sigma;έ&lambda;&iota;&delta;&omicron; website, &alpha;&upsilon;&tau;έ&sigmaf; &mu;&pi;&omicron;&rho;&omicron;ύ&nu; &nu;&alpha; &gamma;ί&nu;&omicron;&upsilon;&nu; 10 &delta;&iota;&alpha;&phi;&omicron;&rho;&epsilon;&tau;&iota;&kappa;έ&sigmaf; &epsilon;&nu;ό&tau;&eta;&tau;&epsilon;&sigmaf; &pi;&omicron;&upsilon; &theta;&alpha; &alpha;&pi;&omicron;&tau;&epsilon;&lambda;έ&sigma;&omicron;&upsilon;&nu; &tau;&omicron; &pi;&epsilon;&rho;&iota;&epsilon;&chi;ό&mu;&epsilon;&nu;&omicron; &tau;&eta;&sigmaf; &sigma;&epsilon;&lambda;ί&delta;&alpha;&sigmaf;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/one.jpg" alt="" width="50" height="78" /><span style="font-size: 18pt;">&Alpha;&rho;&chi;&iota;&kappa;ή</span><br /><br />&Alpha;&upsilon;&tau;ή &eta; &sigma;&epsilon;&lambda;ί&delta;&alpha; &epsilon;ί&nu;&alpha;&iota; &eta; &ldquo;&beta;&iota;&tau;&rho;ί&nu;&alpha;&rdquo; &kappa;&alpha;&lambda;&omega;&sigma;&omicron;&rho;ί&sigma;&mu;&alpha;&tau;&omicron;&sigmaf;. &Alpha;&nu;&alpha;&phi;έ&rho;&epsilon;&tau;&epsilon; &pi;&epsilon;&rho;&iota;&lambda;&eta;&pi;&tau;&iota;&kappa;ά &pi;&omicron;&iota;&omicron;&sigmaf; &epsilon;ί&sigma;&tau;&epsilon; &kappa;&alpha;&iota; &tau;&iota; &pi;&rho;&omicron;&sigma;&phi;έ&rho;&epsilon;&tau;&epsilon;. &Epsilon;&pi;ί&sigma;&eta;&sigmaf; &kappa;&alpha;&lambda;ό &theta;&alpha; &epsilon;ί&nu;&alpha;&iota; &nu;&alpha; έ&chi;&epsilon;&tau;&epsilon; &mu;&epsilon;&rho;&iota;&kappa;έ&sigmaf; &kappa;&alpha;&lambda;έ&sigmaf; &phi;&omega;&tau;&omicron;&gamma;&rho;&alpha;&phi;ί&epsilon;&sigmaf; &tau;&omicron;&upsilon; &chi;ώ&rho;&omicron;&upsilon; &sigma;&alpha;&sigmaf; &kappa;&alpha;&iota; &tau;&omicron; &lambda;&omicron;&gamma;ό&tau;&upsilon;&pi;&omicron; &sigma;&alpha;&sigmaf;, &eta;&lambda;&epsilon;&kappa;&tau;&rho;&omicron;&nu;&iota;&kappa;ά &alpha;&pi;ό &tau;&omicron;&nu; &gamma;&rho;&alpha;&phi;ί&sigma;&tau;&alpha; &sigma;&alpha;&sigmaf;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/two.jpg" alt="" width="50" height="77" /><span style="font-size: 18pt;">&Pi;&rho;&omicron;&phi;ί&lambda; </span><br /><br />&Sigma;&epsilon; &alpha;&upsilon;&tau;ή &tau;&eta; &sigma;&epsilon;&lambda;ί&delta;&alpha;, &pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&tau;&epsilon; &mu;&epsilon; έ&nu;&alpha; &sigma;ύ&nu;&tau;&omicron;&mu;&omicron; &sigma;&eta;&mu;&epsilon;ί&omega;&mu;&alpha; &tau;&eta;&nu; &epsilon;&pi;&iota;&chi;&epsilon;ί&rho;&eta;&sigma;ή &sigma;&alpha;&sigmaf;. &Mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &nu;&alpha; &sigma;&upsilon;&mu;&pi;&epsilon;&rho;&iota;&lambda;ά&beta;&epsilon;&tau;&epsilon; &eta;&mu;&epsilon;&rho;&omicron;&mu;&eta;&nu;ί&epsilon;&sigmaf; &kappa;&alpha;&iota; &kappa;ά&pi;&omicron;&iota;&alpha; &iota;&sigma;&tau;&omicron;&rho;&iota;&kappa;ά &sigma;&tau;&omicron;&iota;&chi;&epsilon;ί&alpha;. &Epsilon;&sigma;&tau;&iota;ά&sigma;&tau;&epsilon; &kappa;&upsilon;&rho;ί&omega;&sigmaf; &pi;&omicron;&upsilon; &upsilon;&pi;&epsilon;&rho;έ&chi;&epsilon;&tau;&epsilon; &sigma;&epsilon; &sigma;&chi;έ&sigma;&eta; &mu;&epsilon; &tau;&omicron;&nu; &alpha;&nu;&tau;&alpha;&gamma;&omega;&nu;&iota;&sigma;&mu;ό, ώ&sigma;&tau;&epsilon; &nu;&alpha; &kappa;&alpha;&tau;&alpha;&lambda;ά&beta;&omicron;&upsilon;&nu; &omicron;&iota; &pi;&epsilon;&lambda;ά&tau;&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;, &gamma;&iota;&alpha;&tau;ί &alpha;&xi;ί&zeta;&epsilon;&iota; &nu;&alpha; &sigma;&alpha;&sigmaf; &pi;&rho;&omicron;&tau;&iota;&mu;ή&sigma;&omicron;&upsilon;&nu;. &Pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&tau;&epsilon; &tau;&omicron;&nu; &epsilon;&alpha;&upsilon;&tau;ό &sigma;&alpha;&sigmaf; &mu;&epsilon; &tau;&omicron;&nu; &kappa;&alpha;&lambda;ύ&tau;&epsilon;&rho;&omicron; &delta;&upsilon;&nu;&alpha;&tau;ό &tau;&rho;ό&pi;&omicron;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/three.jpg" alt="" width="50" height="73" /><span style="font-size: 18pt;">&Pi;&rho;&omicron;ϊό&nu;&tau;&alpha; ή / &kappa;&alpha;&iota; &upsilon;&pi;&eta;&rho;&epsilon;&sigma;ί&epsilon;&sigmaf;</span><br /><br />&Sigma;&epsilon; &alpha;&upsilon;&tau;ή &tau;&eta; &sigma;&epsilon;&lambda;ί&delta;&alpha; &pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&tau;&epsilon; &lambda;&epsilon;&pi;&tau;&omicron;&mu;έ&rho;&iota;&epsilon;&sigmaf; &kappa;&alpha;&iota; &pi;&lambda;&eta;&rho;&omicron;&phi;&omicron;&rho;ί&epsilon;&sigmaf; &gamma;&iota;&alpha; &tau;&alpha; &pi;&rho;&omicron;ϊό&nu;&tau;&alpha; ή &kappa;&alpha;&iota; &tau;&iota;&sigmaf; &upsilon;&pi;&eta;&rho;&epsilon;&sigma;ί&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;. &Epsilon;ά&nu; &chi;&rho;&epsilon;&iota;ά&zeta;&epsilon;&tau;&alpha;&iota; &nu;&alpha; &sigma;&upsilon;&mu;&pi;&epsilon;&rho;&iota;&lambda;ά&beta;&epsilon;&tau;&epsilon; &mu;&epsilon;&gamma;ά&lambda;&omicron; ό&gamma;&kappa;&omicron; &pi;&lambda;&eta;&rho;&omicron;&phi;&omicron;&rho;&iota;ώ&nu; &gamma;&iota;&alpha; &kappa;ά&theta;&epsilon; &upsilon;&pi;&eta;&rho;&epsilon;&sigma;ί&alpha; ή &pi;&rho;&omicron;ϊό&nu;, &tau;ό&tau;&epsilon; &phi;&tau;&iota;ά&xi;&tau;&epsilon; &xi;&epsilon;&chi;&omega;&rho;&iota;&sigma;&tau;ή &sigma;&epsilon;&lambda;ί&delta;&alpha; &gamma;&iota;&alpha; &tau;&omicron; &kappa;ά&theta;&epsilon; έ&nu;&alpha;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/four.jpg" alt="" width="50" height="87" /><span style="font-size: 18pt;">&Sigma;&upsilon;&chi;&nu;έ&sigmaf; &epsilon;&rho;&omega;&tau;ή&sigma;&epsilon;&iota;&sigmaf;</span><br /><br />&Epsilon;&delta;ώ &alpha;&pi;&alpha;&nu;&tau;ά&tau;&epsilon; &sigma;&epsilon; &epsilon;&rho;&omega;&tau;ή&sigma;&epsilon;&iota;&sigmaf; &pi;&omicron;&upsilon; &alpha;&kappa;&omicron;ύ&tau;&epsilon; &sigma;&upsilon;&chi;&nu;ά, &pi;&epsilon;&rho;&iota;&omicron;&rho;ί&zeta;&omicron;&nu;&tau;&alpha;&sigmaf; έ&tau;&sigma;&iota; &tau;&iota;&sigmaf; ί&delta;&iota;&epsilon;&sigmaf; &epsilon;&rho;&omega;&tau;ή&sigma;&epsilon;&iota;&sigmaf; &alpha;&pi;ό &tau;&omicron;&upsilon;&sigmaf; &pi;&epsilon;&lambda;ά&tau;&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;, &xi;&alpha;&nu;ά &kappa;&iota; &xi;&alpha;&nu;ά. &Epsilon;&pi;ί&sigma;&eta;&sigmaf; &mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &nu;&alpha; &beta;ά&lambda;&epsilon;&tau;&epsilon; &alpha;&pi;&alpha;&nu;&tau;ή&sigma;&epsilon;&iota;&sigmaf; &kappa;&alpha;&iota; &pi;&lambda;&eta;&rho;&omicron;&phi;&omicron;&rho;ί&epsilon;&sigmaf; &gamma;&iota;&alpha; &theta;έ&mu;&alpha;&tau;&alpha; &kappa;&alpha;&theta;&alpha;&rho;ά &epsilon;&nu;&eta;&mu;&epsilon;&rho;&omega;&tau;&iota;&kappa;&omicron;ύ &chi;&alpha;&rho;&alpha;&kappa;&tau;ή&rho;&alpha;, ώ&sigma;&tau;&epsilon; &nu;&alpha; &gamma;ί&nu;&omicron;&upsilon;&nu; &omicron;&iota; &delta;&iota;&delta;&iota;&kappa;&alpha;&sigma;ί&epsilon;&sigmaf; &tau;&eta;&sigmaf; &epsilon;&pi;&iota;&chi;&epsilon;ί&rho;&eta;&sigma;ή&sigmaf; &sigma;&alpha;&sigmaf; ά&mu;&epsilon;&sigma;&alpha; &kappa;&alpha;&tau;&alpha;&nu;&omicron;&eta;&tau;έ&sigmaf; &alpha;&pi;ό &tau;&omicron;&upsilon;&sigmaf; &pi;&epsilon;&lambda;ά&tau;&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/five.jpg" alt="" width="50" height="73" /> <span style="font-size: 18pt;">&Tau;&alpha; έ&rho;&gamma;&alpha; &mu;&alpha;&sigmaf; (portfolio)</span><br /><br />&Delta;&epsilon;ί&xi;&tau;&epsilon; &sigma;&tau;&omicron;&upsilon;&sigmaf; &pi;&epsilon;&lambda;ά&tau;&epsilon;&sigmaf; &sigma;&alpha;&sigmaf; &alpha;&upsilon;&tau;ά &pi;&omicron;&upsilon; &delta;&eta;&mu;&iota;&omicron;&upsilon;&rho;&gamma;&epsilon;ί&tau;&epsilon;! &Pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&tau;&epsilon; &tau;&eta;&nu; &delta;&omicron;&upsilon;&lambda;&epsilon;&iota;ά &sigma;&alpha;&sigmaf; &kappa;&alpha;&iota; &delta;&epsilon;ί&xi;&tau;&epsilon; &sigma;&tau;&omicron;&upsilon;&sigmaf; &epsilon;&pi;&iota;&sigma;&kappa;έ&pi;&tau;&epsilon;&sigmaf; &tau;&eta;&sigmaf; &sigma;&epsilon;&lambda;ί&delta;&alpha;&sigmaf; &sigma;&alpha;&sigmaf; &tau;&iota; &mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &nu;&alpha; &kappa;ά&nu;&epsilon;&tau;&epsilon; ή &tau;&alpha; &pi;&rho;&omicron;ϊό&nu;&tau;&alpha; &pi;&omicron;&upsilon; έ&chi;&epsilon;&tau;&epsilon;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/six.jpg" alt="" width="50" height="75" /><span style="font-size: 18pt;">&Kappa;&rho;&iota;&tau;&iota;&kappa;έ&sigmaf; &ndash; &Tau;&iota; &lambda;έ&nu;&epsilon; &gamma;&iota;&alpha; &epsilon;&mu;ά&sigmaf;</span><br /><br />&Alpha;&upsilon;&tau;ή &epsilon;ί&nu;&alpha;&iota; &eta; &epsilon;&upsilon;&kappa;&alpha;&iota;&rho;ί&alpha; &sigma;&alpha;&sigmaf; &nu;&alpha; &alpha;&pi;&omicron;&delta;&epsilon;ί&xi;&epsilon;&tau;&epsilon; &sigma;&tau;&omicron; &kappa;&omicron;&iota;&nu;ό &sigma;&alpha;&sigmaf; &tau;&iota; &alpha;&xi;ί&zeta;&epsilon;&tau;&epsilon; &pi;&rho;&alpha;&gamma;&mu;&alpha;&tau;&iota;&kappa;ά. &Omicron;&iota; &kappa;&rho;&iota;&tau;&iota;&kappa;έ&sigmaf; &alpha;&upsilon;&xi;ά&nu;&omicron;&upsilon;&nu; &tau;&eta;&nu; &alpha;&xi;&iota;&omicron;&pi;&omicron;&iota;&sigma;&tau;ί&alpha; &kappa;&alpha;&iota; &tau;&eta;&nu; &epsilon;&mu;&pi;&iota;&sigma;&tau;&omicron;&sigma;ύ&nu;&eta; &pi;&omicron;&upsilon; &theta;&alpha; &delta;&epsilon;ί&xi;&omicron;&upsilon;&nu; &sigma;&tau;&omicron; &mu;έ&lambda;&lambda;&omicron;&nu; &sigma;&epsilon; &epsilon;&sigma;ά&sigmaf;.<br /></span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/seven.jpg" alt="" width="50" height="77" /><span style="font-size: 14pt;">Blog (&mu;&pi;&omicron;&rho;&epsilon;ί &nu;&alpha; &delta;&eta;&mu;&iota;&omicron;&upsilon;&rho;&gamma;&eta;&theta;&epsilon;ί &amp; &sigma;&epsilon; 2&eta; &phi;ά&sigma;&eta;)</span><br /><br />&Sigma;&tau;&omicron; Blog &mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &nu;&alpha; &alpha;&nu;&epsilon;&beta;ά&zeta;&epsilon;&tau;&epsilon; &pi;&rho;&omega;&tau;ό&tau;&upsilon;&pi;&alpha; ά&rho;&theta;&rho;&alpha; &kappa;&alpha;&iota; &kappa;&epsilon;ί&mu;&epsilon;&nu;&alpha; &pi;&omicron;&upsilon; &mu;&pi;&omicron;&rho;&omicron;ύ&nu; &nu;&alpha; &pi;&rho;&omicron;&omega;&theta;&omicron;ύ&nu; &tau;&eta;&nu; &delta;&omicron;&upsilon;&lambda;&epsilon;&iota;ά &sigma;&alpha;&sigmaf; ή &epsilon;&kappa;&pi;&alpha;&iota;&delta;&epsilon;&upsilon;&tau;&iota;&kappa;ό &upsilon;&lambda;&iota;&kappa;ό &gamma;&iota;&alpha; &tau;&alpha; &pi;&rho;&omicron;ϊό&nu;&tau;&alpha; ή &tau;&iota;&sigmaf; &upsilon;&pi;&eta;&rho;&epsilon;&sigma;ί&epsilon;&sigmaf; &pi;&omicron;&upsilon; &pi;&omicron;&upsilon;&lambda;ά&tau;&epsilon;. &Mu;&epsilon; &tau;&omicron;&nu; &tau;&rho;ό&pi;&omicron; &alpha;&upsilon;&tau;ό &delta;&epsilon;ί&chi;&nu;&epsilon;&tau;&epsilon; ό&tau;&iota; &xi;έ&rho;&epsilon;&tau;&epsilon; &alpha;&kappa;&rho;&iota;&beta;ώ&sigmaf; &tau;&omicron; &alpha;&nu;&tau;&iota;&kappa;&epsilon;&iota;&mu;&epsilon;&nu;ό &sigma;&alpha;&sigmaf; &kappa;&alpha;&iota; &chi;&tau;ί&zeta;&epsilon;&tau;&epsilon; &pi;&iota;&sigma;&tau;ό &kappa;&omicron;&iota;&nu;ό.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/eight.jpg" alt="" width="50" height="86" /><span style="font-size: 18pt;">&Epsilon;&pi;&iota;&kappa;&omicron;&iota;&nu;&omega;&nu;ί&alpha; **&alpha;&pi;&alpha;&rho;&alpha;ί&tau;&eta;&tau;&eta; &sigma;&epsilon;&lambda;ί&delta;&alpha;**</span><br /><br />&Epsilon;&delta;ώ &sigma;&alpha;&sigmaf; &delta;ί&nu;&epsilon;&tau;&epsilon; &eta; &epsilon;&upsilon;&kappa;&alpha;&iota;&rho;ί&alpha; &nu;&alpha; &pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&epsilon;&tau;&epsilon; &sigma;&tau;&omicron;&upsilon;&sigmaf; &pi;&epsilon;&lambda;ά&tau;&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;, ό&lambda;&omicron;&upsilon;&sigmaf; &tau;&omicron;&upsilon;&sigmaf; &delta;&upsilon;&nu;&alpha;&tau;&omicron;ύ&sigmaf; &tau;&rho;ό&pi;&omicron;&upsilon;&sigmaf; &pi;&omicron;&upsilon; &mu;&pi;&omicron;&rho;&omicron;ύ&nu; &nu;&alpha; έ&rho;&theta;&omicron;&upsilon;&nu; &sigma;&epsilon; &epsilon;&pi;&alpha;&phi;ή &mu;&epsilon; &tau;&eta;&nu; &epsilon;&pi;&iota;&chi;&epsilon;ί&rho;&eta;&sigma;ή &sigma;&alpha;&sigmaf;. (&tau;&eta;&lambda;. Mail. &Tau;&alpha;&chi;. &Delta;&iota;&epsilon;ύ&theta;&upsilon;&nu;&sigma;&eta;. &Phi;ό&rho;&mu;&alpha; &epsilon;&pi;&iota;&kappa;&omicron;&iota;&nu;&omega;&nu;ί&alpha;&sigmaf; &kappa;&lambda;&pi;)</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/nine.jpg" alt="" width="50" height="75" /><span style="font-size: 18pt;">&Pi;&omicron;&lambda;&iota;&tau;&iota;&kappa;ή &alpha;&pi;&omicron;&rho;&rho;ή&tau;&omicron;&upsilon;</span><br /><br />&Sigma;&tau;&eta;&nu; &sigma;&epsilon;&lambda;ί&delta;&alpha; &alpha;&upsilon;&tau;ή &alpha;&nu;&alpha;&kappa;&omicron;&iota;&nu;ώ&nu;&epsilon;&tau;&alpha;&iota; &eta; &sigma;&upsilon;&lambda;&lambda;&omicron;&gamma;ή &tau;&omega;&nu; &pi;&lambda;&eta;&rho;&omicron;&phi;&omicron;&rho;&iota;ώ&nu; &sigma;&alpha;&sigmaf;, &tau;&omicron; &pi;&omega;&sigmaf; &mu;&pi;&omicron;&rho;&omicron;ύ&nu; &nu;&alpha; &chi;&rho;&eta;&sigma;&iota;&mu;&omicron;&pi;&omicron;&iota;&eta;&theta;&omicron;ύ&nu; &kappa;&alpha;&iota; &epsilon;ά&nu; &theta;&alpha; &kappa;&omicron;&iota;&nu;&omicron;&pi;&omicron;&iota;ή&theta;&omicron;ύ&nu; ή ό&chi;&iota;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/ten.jpg" alt="" width="98" height="85" /><span style="font-size: 18pt;">Ό&rho;&omicron;&iota; &chi;&rho;ή&sigma;&epsilon;&iota;&sigmaf; &kappa;&alpha;&iota; &pi;&rho;&omicron;ϋ&pi;&omicron;&theta;έ&sigma;&epsilon;&iota;&sigmaf;</span><br /><br />&Sigma;&tau;&eta;&nu; &sigma;&epsilon;&lambda;ί&delta;&alpha; &alpha;&upsilon;&tau;ή &pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&zeta;&epsilon;&tau;&epsilon; &tau;&omicron;&upsilon;&sigmaf; &kappa;&alpha;&nu;ό&nu;&epsilon;&sigmaf; &mu;&epsilon; &tau;&omicron;&upsilon;&sigmaf; &omicron;&pi;&omicron;ί&omicron;&upsilon;&sigmaf; &pi;&rho;έ&pi;&epsilon;&iota; &nu;&alpha; &sigma;&upsilon;&mu;&mu;&omicron;&rho;&phi;&omega;&theta;&omicron;ύ&nu; &omicron;&iota; &pi;&epsilon;&lambda;ά&tau;&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;, ώ&sigma;&tau;&epsilon; &nu;&alpha; &alpha;&gamma;&omicron;&rho;ά&sigma;&omicron;&upsilon;&nu; &tau;&alpha; &pi;&rho;&omicron;ϊό&nu;&tau;&alpha; ή / &kappa;&alpha;&iota; &tau;&iota;&sigmaf; &upsilon;&pi;&eta;&rho;&epsilon;&sigma;ί&epsilon;&sigmaf; &sigma;&alpha;&sigmaf;.</span></div>
<div class="modal-body" style="text-align: left;"><span style="font-family: verdana, geneva;"><img src="https://www.ourglobalidea.com/rep/app/webroot/files/smewebsites/82410/zero.jpg" alt="" width="50" height="71" /><span style="font-size: 18pt;"> &Sigma;&eta;&mu;&alpha;&nu;&tau;&iota;&kappa;ό!</span><br /><br />&Theta;&upsilon;&mu;&eta;&theta;&epsilon;ί&tau;&epsilon; ό&tau;&iota; &omicron;&iota; &mu;&eta;&chi;&alpha;&nu;έ&sigmaf; &alpha;&nu;&alpha;&zeta;ή&tau;&eta;&sigma;&eta;&sigmaf; &alpha;&lambda;&lambda;ά &kappa;&alpha;&iota; &tau;&omicron; &kappa;&omicron;&iota;&nu;ό, &alpha;&gamma;&alpha;&pi;&omicron;ύ&nu; &tau;&omicron; &pi;&rho;&omega;&tau;ό&tau;&upsilon;&pi;&omicron; &kappa;&epsilon;ί&mu;&epsilon;&nu;&omicron; &kappa;&alpha;&iota; &tau;&iota;&sigmaf; &alpha;&upsilon;&theta;&epsilon;&nu;&tau;&iota;&kappa;έ&sigmaf; &pi;&lambda;&eta;&rho;&omicron;&phi;&omicron;&rho;ί&epsilon;&sigmaf; &kappa;&alpha;&iota; &epsilon;&iota;&kappa;ό&nu;&epsilon;&sigmaf;. &Pi;&rho;&omicron;&sigma;&pi;&alpha;&theta;&epsilon;ί&sigma;&tau;&epsilon; &nu;&alpha; &epsilon;ί&sigma;&tau;&epsilon; ό&sigma;&omicron; &pi;&iota;&omicron; &alpha;&lambda;&eta;&theta;&iota;&nu;&omicron;ί &mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &kappa;&alpha;&iota; &nu;&alpha; &pi;&epsilon;&rho;&iota;&gamma;&rho;ά&psi;&epsilon;&tau;&epsilon; &mu;&epsilon; &alpha;&pi;&lambda;ό&tau;&eta;&tau;&alpha; &kappa;&alpha;&iota; &sigma;&alpha;&phi;ή&nu;&epsilon;&iota;&alpha; &kappa;ά&theta;&epsilon; &tau;&iota; &pi;&omicron;&upsilon; &theta;έ&lambda;&epsilon;&tau;&epsilon; &nu;&alpha; &pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&epsilon;&tau;&epsilon; &sigma;&epsilon; &kappa;ά&theta;&epsilon; &sigma;&epsilon;&lambda;ί&delta;&alpha;. &Delta;&epsilon;&nu; &chi;&rho;&epsilon;&iota;ά&zeta;&epsilon;&tau;&alpha;&iota; &nu;&alpha; &epsilon;ί&nu;&alpha;&iota; &epsilon;&xi;&eta;&zeta;&eta;&tau;&eta;&mu;έ&nu;&omicron; &kappa;&alpha;&iota; &pi;&omicron;&lambda;ύ&pi;&lambda;&omicron;&kappa;&omicron;. <br />&Sigma;&kappa;&epsilon;&phi;&tau;&epsilon;ί&tau;&epsilon; &sigma;&alpha;&nu; &kappa;&alpha;&tau;&alpha;&nu;&alpha;&lambda;&omega;&tau;ή&sigmaf; &kappa;&alpha;&iota; &nu;&alpha; &epsilon;ί&sigma;&tau;&epsilon; &gamma;&nu;ή&sigma;&iota;&omicron;&iota; &kappa;&alpha;&iota; &alpha;&pi;&lambda;&omicron;ί.<br /><br /><strong><span style="color: #ff0000;">&Sigma;&upsilon;&gamma;&kappa;&epsilon;&nu;&tau;&rho;ώ&sigma;&tau;&epsilon; ό&lambda;&omicron; &tau;&omicron; &upsilon;&lambda;&iota;&kappa;ό &alpha;&nu;ά &sigma;&epsilon;&lambda;ί&delta;&alpha; &kappa;&alpha;&iota; &sigma;&tau;&epsilon;ί&lambda;&tau;&epsilon; &tau;&omicron; &sigma;&tau;&omicron; izzytsili@gmail.com</span></strong><br /><strong><span style="color: #ff0000;">&Epsilon;ά&nu; &omicron; ό&gamma;&kappa;&omicron;&sigmaf; &tau;&omicron;&upsilon; &upsilon;&lambda;&iota;&kappa;&omicron;ύ &epsilon;ί&nu;&alpha;&iota; &mu;&epsilon;&gamma;ά&lambda;&omicron;&sigmaf; &sigma;&epsilon; &mu;έ&gamma;&epsilon;&theta;&omicron;&sigmaf; MB, &mu;&pi;&omicron;&rho;&epsilon;ί&tau;&epsilon; &nu;&alpha; &chi;&rho;&eta;&sigma;&iota;&mu;&omicron;&pi;&omicron;&iota;ή&sigma;&epsilon;&tau;&epsilon; &tau;&eta;&nu; &epsilon;&phi;&alpha;&rho;&mu;&omicron;&gamma;ή &tau;&omicron;&upsilon; <br />we transfer / <a style="color: #ff0000;" title="&Mu;&epsilon;&tau;ά&beta;&alpha;&sigma;&eta; &sigma;&tau;&eta;&nu; &sigma;&epsilon;&lambda;ί&delta;&alpha;" href="https://wetransfer.com/" target="_blank">https://wetransfer.com/</a></span></strong><br /></span></div>
<div class="modal-body" style="text-align: left;">&nbsp;</div>
<!-- Modal footer -->
<div class="modal-footer" style="text-align: left;"><button class="btn btn-danger" type="button" data-dismiss="modal">Close</button></div>
</div>
</div>
</div>

Section 6

11111

Section 7

11111

Section 8

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu

Section 9

Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Section 10

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

Section 1

11111

Section 2

11111

Section 3

11111

Section 4

11111

Section 5

11111

Section 6

11111

Section 7

11111

Section 8

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu

Section 9

Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Section 10

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

Footer
49510