Επικοινωνία
- Λεπτομέρειες
- Κατηγορία: Uncategorised
- Δημοσιεύθηκε : Πέμπτη, 09 Σεπτεμβρίου 2021 08:10
28-07-2022 Νέα Ανακοινώσεις
Καλούνται όλα τα μέλη του εξωραϊστικού συλλόγου Μεσαγκάλων την Κυριακή 31/7/2022 8:30 έως 19.00 να προσέλθουν για τις εκλογές όπου και θα ανακηρυχθεί νέο Διοικητικό Συμβούλιο και η Εξελεγκτική επιτροπή. Η...
Read more30-05-2022 Νέα Ανακοινώσεις
Στη 2η θέση παγκοσμίως, μετά την Ισπανία όσον αφορά το πλήθος των Γαλάζιων Σημαιών βρίσκεται για ακόμα μια χρονιά η Ελλάδα, με 581 σημαίες. «Πρωταθλήτρια» αναδεικνύεται για ακόμα μια...
Read more26-07-2021 Νέα Ανακοινώσεις
Περισσότερα από 60 χιλιόμετρα οδικού δικτύου αρμοδιότητας της, στο σύνολο του παραλιακού μετώπου της Π.Ε. Λάρισας, από το Καστρί Λουτρό μέχρι το Ρακοπόταμο καθάρισε από τα χόρτα η Περιφέρεια Θεσσαλίας, ...
Read more24-05-2021 Νέα Ανακοινώσεις
Ακοινώθηκαν από την Ελληνική Εταιρία Προστασίας της Φύσης (ΕΕΠΦ), Εθνικό Χειριστή του Διεθνούς Προγράμματος “Γαλάζια Σημαία” στη χώρα μας, οι βραβεύσεις ακτών, μαρινών και τουριστικών σκαφών. Με 545 βραβευμένες ακτές...
Read more02-05-2019 Νέα Ανακοινώσεις
Δωρεάν ίντερνετ στην παραλία θα απολαμβάνουν από το φετινό καλοκαίρι οι παραθεριστές των Μεσαγγάλων, καθώς μόλις πρόσφατα τοποθετήθηκε η ειδική εγκατάσταση πρόσβασης στο διαδίκτυο, στο πλαίσιο της ευρωπαϊκής πρωτοβουλίας «WiFi4EU»...
Read more11-08-2018 Νέα Ανακοινώσεις
Στις 11 Αυγούστου θα πραγματοποιηθεί στα Μεσάγγαλα, η καθερομένη «Γιορτή Ψαροκασέλας» , στην οποία περιλαμβάνονται αθλητικές και πολιτιστικές εκδηλώσεις, όπως κολυμβητικοί αγώνες ανοιχτής θάλασσας, αγώνας δρόμου νέων, εφήβων παίδων 3...
Read more13-08-2017 Νέα Ανακοινώσεις
Σας παρουσιάζουμε ενα μικρό δείγμα απο την εναέρια φωτογράφιση των Μεσαγκάλων.. {gallery}enaeria-fotografisi-mesagala{/gallery}
Read more25-07-2017 Νέα Ανακοινώσεις
Το Διοικητικό Συμβούλιο του Εξωραϊστικού Συλλόγου Καστρί Λουτρό Αιγάνης του Δήμου Τεμπών καλεί τα μέλη του Συλλόγου στην τακτική Γενική Συνέλευση , που θα γίνει οριστικά την Κυριακή 30 Ιουλίου...
Read more29-06-2017 Νέα Ανακοινώσεις
Με αφορμή την συμπλήρωση τριάντα τριών χρόνων από την ίδρυση του Εξωραϊστικού Συλλόγου έχουν προγραμματιστεί οι παρακάτω εκδηλώσεις Σάββατο 15-7-2017 ώρα 19.00 στην κεντρική πλατεία του οικισμού ημερίδα χειροτεχνίας και δημιουργικής...
Read moreYou can create some beautiful content by using some simple HTML elements. The Gantry Theme Framework offers some neat styles for all HTML elements and a great set of CSS classes to style your content. Basic HTML is very easy to learn and this small guide shows you how to use all styles provided by the Gantry Framework.
Here is a short demonstration of text-level semanticts. The <p> element creates a new paragraph. It will have some space before and after itself. To turn your text into hypertext just use the <a> element.
You can emphasize text using the <em> element or to imply any extra importance the <strong> element. Highlight text with no semantic meaning using the <mark> element. Markup document changes like inserted or deleted text with the <del> element or <ins> element. To define an abbreviation use the <abbr> element and to define a definition term use the <dfn> element.
Use the <small> element for side comments and small print.
There are several list examples that you can use in your design just apply a css class to the UL tag and you will have list styled. There are currently 6 list styles available:
<ul class="line"> ... </ul>
<ul class="zebra"> ... </ul>
<ul class="check"> ... </ul>
<ul class="plus"> ... </ul>
<ul class="minus"> ... </ul>
<ul class="asterisk"> ... </ul>
- <ul>
- <li>Premium WordPress and Joomla Templates</li>
- <li>Fast and Slick Theme Framework</li>
- <li>For Web and Print Projects</li>
- </ul>
- <ol>
- <li>Premium WordPress and Joomla Templates</li>
- <li>Fast and Slick Theme Framework</li>
- <li>For Web and Print Projects</li>
- </ol>
A list of terms with their associated descriptions.
- <dl>
- <dt>...</dt>
- <dd>...</dd>
- </dl>
Make terms and descriptions in <dl>
line up side-by-side.
- <dl class="dl-horizontal">
- <dt>...</dt>
- <dd>...</dd>
- </dl>
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow
. In narrower viewports, they will change to the default stacked layout.
Inline quotations can be defined by using the <q> element
.
The <blockquote> element defines a long quotation which also creates a new block by inserting white space before and after the blockquote element.
Someone famous Source Title
- <blockquote>
- <p>The <blockquote> element defines a long quotation which ...</p>
- <small>Someone famous <cite title="Source Title">Source Title</cite></small>
- </blockquote>
The <blockquote> element defines a long quotation which also creates a new block by inserting white space before and after the blockquote element.
Someone famous Source Title
- <blockquote class="pull-right">
- <p>The <blockquote> element defines a long quotation which ...</p>
- <small>Someone famous <cite title="Source Title">Source Title</cite></small>
- </blockquote>
- <div class="clear"></div>
To define a short inline computer code use the <code>
element.
For a larger code snippet use the <pre class="prettyprint linenums">
element which defines preformatted text. It creates a new text block which preserves both spaces and line breaks.
- pre {
- margin: 15px 0;
- padding: 10px;
- font-family: "Courier New", Courier, monospace;
- font-size: 12px;
- line-height: 18px;
- white-space: pre-wrap;
- }
Note: Be sure to keep code within <pre>
tags as close to the left as possible; it will render all tabs.
You may optionally add the .pre-scrollable
class which will set a max-height of 350px and provide a y-axis scrollbar.
Button styles can be applied to anything with the .btn
class applied. However, typically you’ll want to apply these to only <a>
and <button>
elements for the best rendering.
Button | class=”" | Description |
---|---|---|
btn |
Standard gray button with gradient | |
btn btn-primary |
Provides extra visual weight and identifies the primary action in a set of buttons | |
btn btn-info |
Used as an alternative to the default styles | |
btn btn-success |
Indicates a successful or positive action | |
btn btn-warning |
Indicates caution should be taken with this action | |
btn btn-danger |
Indicates a dangerous or potentially negative action | |
btn btn-inverse |
Alternate dark gray button, not tied to a semantic action or use | |
btn btn-outline btn-outline-invert |
Alternate black outline button, if you want it to be white erase the “btn-outline-invert” | |
btn btn-link |
Deemphasize a button by making it look like a link while maintaining button behavior |
IE9 doesn’t crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button
elements, rendering text gray with a nasty text-shadow that we cannot fix.
Fancy larger or smaller buttons? Add .btn-huge
, .btn-large
, .btn-small
, or .btn-mini
for additional sizes.
- <hr/>
- <hr class="dotted"/>
- <hr class="hr-1"/>
- <hr class="hr-2"/>
- <hr class="hr-3"/>
- <hr class="hr-4"/>
- <hr class="hr-5"/>
- <hr class="hr-6"/>
- <hr class="hr-7"/>
- <hr class="hr-8"/>
- <hr class="hr-9"/>
- <hr class="hr-10"/>
Use the <p>
tag with .success
, .warning
, .info
or .error
classes.
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<p class="success">...</p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<p class="info">...</p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<p class="warning">...</p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<p class="error">...</p>
<br>
.
Twitter, Inc.
- <address>
- <strong>Twitter, Inc.</strong><br>
- 795 Folsom Ave, Suite 600<br>
- San Francisco, CA 94107<br>
- <abbr title="Phone">P:</abbr> (123) 456-7890
- </address>
- <address>
- <strong>Full Name</strong><br>
- <a href="mailto:#">Αυτή η διεύθυνση ηλεκτρονικού ταχυδρομείου προστατεύεται από τους αυτοματισμούς αποστολέων ανεπιθύμητων μηνυμάτων. Χρειάζεται να ενεργοποιήσετε τη JavaScript για να μπορέσετε να τη δείτε.</a>
- </address>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice text-center">
- <h3 class="notice-title"> . . . . </h3>
- <p class="remove-margin notice-subtitle"> . . . . </p>
- </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice wt-border text-center"> . . . </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice drop-shadow lifted text-center"> . . . </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice drop-shadow raised text-center"> . . . </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice drop-shadow curved text-center"> . . . </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice drop-shadow curved curved-vt-2 text-center"> . . . </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice drop-shadow curved curved-hz-1 text-center"> . . . </div>
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- <div class="notice drop-shadow curved curved-hz-2 text-center"> . . . </div>
03-02-2014 Σύλλογος Μεσαγγάλων
Στις 19/01/2014 στην ταβερνα "Φουντας" στα Μεσαγγαλα, εγινε η κοπη της πρωτοχρονιατικης πιτας του Εξωραιστικου Συλλογου Μεσαγγαλων στην οποια παραβρεθηκαν παρα πολλα μελη του Συλλογου. Στην εκδηλωση καλεσμενος ηταν και...
Read more19-01-2014 Σύλλογος Μεσαγγάλων
Καλούνται τα μέλη του Εξωραιστικού Συλλόγου Μεσαγκάλων στην κοπή της πρωτοχρονιάτικης πίτας την Κυριακή 19 Ιανουαρίου 2014 και ώρα 12.00 μμ στην ταβέρνα "ΦΟΥΝΤΑΣ" Μεσαγκάλων Με τιμή το Δ.Σ
Read more27-05-2013 Σύλλογος Μεσαγγάλων
Ευχάριστα ήταν τα νέα για την περιοχή των Μεσαγγάλων μετά την επικοινωνία του προέδρου του εξωραϊστικού συλλόγου με τον αντιδήμαρχο Τεμπών κύριο Μπουζέκη Ευθύμιο. Συγκεκριμένα συζητήθηκαν τα προβλήματα που απασχολούν την...
Read more05-03-2017 Σύλλογος Καστρί Λουτρού
Με πολύ μεγάλη επιτυχία πραγματοποιήθηκε η εκδήλωση της Καθαρής Δευτέρας στην κεντρική πλατεία στο Καστρί Λουτρό. Το πλήθος του κόσμου έμεινε ικανοποιημένο, τόσο από την άψογη διοργάνωση, το πολιτισμένο περιβάλλον...
Read more17-02-2017 Σύλλογος Καστρί Λουτρού
Την Κυριακή 12-2-2017 στην αίθουσα του Επιμελητηρίου Λάρισας πραγματοποιήθηκε με μεγάλη επιτυχία η Γενική Συνέλευση του Συλλόγου η κοπή της πρωτοχρονιάτικης πίτας και εκλογές για την συμπλήρωση του ΔΣΤην εκδήλωση...
Read more01-02-2017 Σύλλογος Καστρί Λουτρού
Το Διοικητικό Συμβούλιο του Εξωραϊστικού Συλλόγου Καστρί Λουτρό Αιγάνης του Δήμου Τεμπών καλεί τα μέλη του Συλλόγου στην τακτική ενημερωτική Γενική Συνέλευση , την κοπή της πρωτοχρονιάτικης πίτας , καθώς...
Read moreError: No articles to display