It's easy to get started creating your website. Knowing some of the basics will help.
A content management system is software that allows you to create and manage webpages easily by separating the creation of your content from the mechanics required to present it on the web.
In this site, the content is stored in a database. The look and feel are created by a template. Joomla! brings together the template and your content to create web pages.
To login to your site use the user name and password that were created as part of the installation process. Once logged-in you will be able to create and edit articles and modify some settings.
Once you are logged-in, a new menu will be visible. To create a new article, click on the "Submit Article" link on that menu.
The new article interface gives you a lot of options, but all you need to do is add a title and put something in the content area. To make it easy to find, set the state to published.
The look and feel of your site is controlled by a template. You can change the site name, background colour, highlights colour and more by editing the template settings. Click the "Template Settings" in the user menu.
The boxes around the main content of the site are called modules. You can modify modules on the current page by moving your cursor to the module and clicking the edit link. Always be sure to save and close any module you edit.
You can change some site settings such as the site name and description by clicking on the "Site Settings" link.
More advanced options for templates, site settings, modules, and more are available in the site administrator.
Your site actually has two separate sites. The site (also called the front end) is what visitors to your site will see. The administrator (also called the back end) is only used by people managing your site. You can access the administrator by clicking the "Site Administrator" link on the "User Menu" menu (visible once you login) or by adding /administrator to the end of your domain name. The same user name and password are used for both sites.
There is much more to learn about how to use Joomla! to create the website you envision. You can learn much more at the Joomla! documentation site and on the Joomla! forums.
The International Kalamata Dance Challenge (KDC) Production Events are vibrant, multidisciplinary festivals of arts, culture, and sports, passionately organized by the Greek legal organization, Kalamata 'Dance Challenge.'
Held in the beautiful seaside "City of Dance," Kalamata, KDC produces world-class festivals and competitions in DanceSport, Aerial Arts, Greek Folk, and more. These events offer an incredible experience, perfect for a wonderful "dance escape" weekend for artists, teachers, and parents. Each KDC Festival is meticulously organized by a committee of dedicated and specialized members from the organization, led by President Nina Drakou.
Our festivals provide a global stage for artists of all ages, from beginners to advanced, to promote their work and showcase their talent "beyond limits." KDC Festivals deliver rich spectacles and intense emotions for our art-loving audience. Our philosophy is rooted in offering creative and innovative festivals through a network of collaborations, presenting a true "dance challenge" for every dance lover. We always ensure a high standard of artistic quality and excellent value for money for our participants.
KDC Festivals welcome thousands of dancers, renowned teachers, adjudicators, and famous guests from various dance communities worldwide. We cultivate a fantastic atmosphere with beautiful decoration, stylish lighting, and amazing music. Participants can also enjoy plenty of extra activities, including workshops, masterclasses, presentations, lectures, excursions, gifts, scholarships, guided tours, specific art projects, and exhibitions.
We also proudly acknowledge and appreciate the hard work, dedication, efforts, and excellence of teachers, choreographers, and parents. Our guests for each festival are carefully selected based on their contributions to their respective dance industries, and we honor our guest partners with benefits and wonderful hospitality.
The Kalamata Dance Challenge is honored to be recognized by the Greek Ministry of Culture & Sports, the Ministry of Tourism, and the Greek National Tourism Organization under the motto "Visit Kalamata to Dance." We are always supported by the Municipality of Kalamata and the Messinian Chamber of Industry. We can't wait to see you there to show off your unique talent!
Just a two-hour drive from Athens, Kalamata isn't just a beautiful seaside city; it's an international hub for dance, culture, and sports. Our high-standard Municipal Indoor Seaside Stadium is meticulously designed for performance. It features a stunning parquet floor and ample carpeting for floor acrobatics, and crucially, it's the only venue in town with certified maximum safety for our aerial athletes. Combined with our vibrant atmosphere, stylish lighting, and quality music, it's impossible not to feel the excitement and good vibes.
The Kalamata Dance Cup, in collaboration with PolisArt Events, is synonymous with exceeding expectations in specialty entertainment. We pride ourselves on a modern approach to cultural event design and production, consistently innovating to meet every participant's needs. Our exceptional Organizing Committee specializes in Acrobatics & Aerial Arts. We partner with sponsors who provide top-tier equipment and generous prizes, ensure the best scrutineering system, and utilize a specialized platform for effortless registration. What truly sets us apart is our discerning selection of judges and renowned personalities from the international dance community, guaranteeing a high standard of competition and mentorship.
This is your moment to challenge your dance limits and unleash your talent and passion on stage! KDC events and competitions are extensively promoted across all media, featured on Greek TV, and our live streams reach millions of views. Every Kalamata Dance Event truly empowers you to dance "Beyond Limits." Seize this opportunity to showcase your creativity to our art-loving audience and step into the spotlight as the protagonist of your dance journey!
KDC offers more than just competitions; it's a complete dance escape designed for a full weekend of unforgettable experiences. Expect wonderful hospitality combined with a rich array of parallel activities and surprises for dancers of all ages, teachers, and parents alike. We proudly acknowledge and appreciate the hard work, achievements, and excellence of teachers, choreographers, and parents in helping dreams come true.
Our festivals blend Art, Culture, Sports, Gala events, Fitness, Workshops, Championships, and Show Dance performances with delightful recreational activities like city tours, bike rides, and tastings of local products. It's an experience so rich and engaging, your friends and family will undoubtedly want to join you!
All HTML headings, <h1> through <h6>, are available.
| Heading | Example |
|---|---|
|
|
h1. Bootstrap heading |
|
|
h2. Bootstrap heading |
|
|
h3. Bootstrap heading |
|
|
h4. Bootstrap heading |
|
|
h5. Bootstrap heading |
|
|
h6. Bootstrap heading |
.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
| Display 1 |
| Display 2 |
| Display 3 |
| Display 4 |
Make a paragraph stand out by adding .lead.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
.mark and .small classes are also available to apply the same styles as <mark> and <small> while avoiding any unwanted semantic implications that the tags would bring.
While not shown above, feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.
Change text alignment, transform, style, weight, and color with our text utilities and color utilities.
Stylized implementation of HTML’s <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.
Add .initialism to an abbreviation for a slightly smaller font-size.
attr
HTML
For quoting blocks of content from another source within your document. Wrap <blockquote class="blockquote"> around any HTML as the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Add a <footer class="blockquote-footer"> for identifying the source. Wrap the name of the source work in <cite>.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Use text utilities as needed to change the alignment of your blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.
Remove a list’s bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.
Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a .text-truncate class to truncate the text with an ellipsis.
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Responsive typography refers to scaling text and components by simply adjusting the root element’s font-size within a series of media queries. Bootstrap doesn’t do this for you, but it’s fairly easy to add if you need it.
Here’s an example of it in practice. Choose whatever font-sizes and media queries you wish.
Easily realign text to components with text alignment classes.
Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
Left aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
Right aligned text on all viewport sizes.
Left aligned text on viewports sized SM (small) or wider.
Left aligned text on viewports sized MD (medium) or wider.
Left aligned text on viewports sized LG (large) or wider.
Left aligned text on viewports sized XL (extra-large) or wider.
Prevent text from wrapping with a .text-nowrap class.
For longer content, you can add a .text-truncate class to truncate the text with an ellipsis. Requires display: inline-block or display: block.
Transform text in components with text capitalization classes.
Lowercased text.
Uppercased text.
CapiTaliZed text.
Note how text-capitalize only changes the first letter of each word, leaving the case of any other letters unaffected.
Quickly change the weight (boldness) of text or italicize text.
Bold text.
Normal weight text.
Light weight text.
Italic text.
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-muted
.text-white
Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no link styling.
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.
Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element’s content in a <div> with the class.
Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the .sr-only class.
