joomla! templates for beginners

JOOMLA TMPLATFOR GINNR

Created by / Niels Nübel @Niels_Nuebel

http://niels-nuebel.de/

https://twitter.com/Niels_Nuebel

DI CHLCHTNACHRICHT

COD<!doctype html><html> <head> <meta charset="utf-8"> <title>The bad news...</title> <meta name="description" content="This is a description"> <meta name="author" content="Niels Nübel"> </head><body> <p>Hello World</p></body></html>

DI GUTNACHRICHT

TLLT MIR FRAGNAM ND IN THMA

WNN DI FOLIO AUIHT

DI RNACHRICHT

LINK- -

joomladaytemplate.niels-nuebel.deJDay 2016 Template

http://joomladaytemplate.niels-nuebel.de/

https://github.com/nielsnuebel/joomladay-template

DI TNACHRICHT

KIN ALLGMIN LÖUNG

JOOMLA TMPLAT

ACKND TMPLAT

eipiel: ii

FRONTND TMPLAT

Prototar

FAHRPLAN1. Template Strucktur2. Module3. Parameter4. HTML Framework (z.B. Bootstrap 4)5. Overrides

killXMLHTMLCSSPHPJavaScriptJoomla! APIWordpress BG Image :)

Unere Ordner truktur

templateDetail.xml<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3" type="template" client="site">

</extension>

Joomla Verion<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3" type="template" client="site">

</extension>

Joomla Verion<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3.5" type="template" client="site">

</extension>

Joomla Verion<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3.6" type="template" client="site">

</extension>

Intallation Tp<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3.1" type="template" client="site">

</extension>

Frontend Template<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3.1" type="template" client="site">

</extension>

ackend Template<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extension version="3.1" type="template" client="administrator">

</extension>

Template Info<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version></extension>

File<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version>

<files> <filename>index.php</filename> <filename>templateDetails.xml</filename> </files></extension>

index.php<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version>


index.php<!doctype html><html> <head>

</head> <body>

</body></html>

Joomla API jdoc<!doctype html><html> <head>

</head> <body>

<jdoc:include

</body></html>

Rendertpe<!doctype html><html> <head>

</head> <body>

<jdoc:include type="component" />

</body></html>

Meage<!doctype html><html> <head>

</head> <body> <jdoc:include type="message" /> <jdoc:include type="component" />

</body></html>

Head<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" />

</body></html>

Module<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

Modulpoition Deug<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

templateDetail.xml<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version>


Module Poition<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version>

<files> <filename>index.php</filename> <filename>templateDetails.xml</filename> </files>

<posititons> <position>debug</position> </posititons></extension>

Poition Deug<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version>



Deug Augae in Prototar

Deug anchalten

Templateechreiung<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>Beschreibung</description>



Mehrprachigkeit<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>



Language File

en-G.tpl_jda2016..iniTPL_JDAY2016_XML_DESCRIPTION="Joomla 3 Template als HTML5 Version"

prach tringTPL_JDAY2016_XML_DESCRIPTION="Joomla 3 Template als HTML5 Version"

ÜeretzungTPL_JDAY2016_XML_DESCRIPTION="Joomla 3 Template als HTML5 Version"

Modul PoitionnamenTPL_JDAY2016_XML_DESCRIPTION="Joomla 3 Template als HTML5 Version"TPL_JDAY2016_POSITION_DEBUG="Debug"

en-G.tpl_jda2016.iniTPL_JDAY2016_XML_DESCRIPTION="Joomla 3 Template als HTML5 Version"

prach Dateien 1/2<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>


<posititons> <position>debug</position> </posititons>

<languages folder="language"> <language tag="en-GB">en-GB/en-GB.tpl_jday2016.ini</language> <language tag="en-GB">en-GB/en-GB.tpl_jday2016.sys.ini</language> </languages></extension>

prach Dateien 2/2<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>

<files> <folder>language</folder> <filename>index.php</filename> <filename>templateDetails.xml</filename> </files>


Unere neue Ordner truktur

JOOMLA TMPLATINTALLIRN

Template it intalliert

Template Preview

template_thumnail.png

template_preview.png

template_thumnail.png

Template ild<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>



Template ild<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>

<files> <folder>language</folder> <filename>index.php</filename> <filename>template_preview.png</filename> <filename>template_thumbnail.png</filename> <filename>templateDetails.xml</filename> </files>


TARTIT

_JXC<?php defined('_JEXEC') or die; ?>

index.php<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

index.php<?php defined('_JEXEC') or die; ?><!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

prache und Leerichtung<?php defined('_JEXEC') or die; ?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

prache: de-de<?php defined('_JEXEC') or die; ?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

Leerichtung: ltr<?php defined('_JEXEC') or die; ?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

FRAGN?

C & JAVACRIPT

<jdoc:include tpe="head" /><head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="generator" content="Joomla! - Open Source Content Management" <title>Home</title> <script src="/media/jui/js/jquery.min.js" type="text/javascript"></ <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" <script src="/media/system/js/caption.js" type="text/javascript"></ <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script></head>

Quelltext

tle.cbody { background: red;}

templates/jday2016/css/style.css

cript.j(function($){ $(document).ready(function(){ alert('Wird geladen'); });})(this.jQuery);

templates/jday2016/js/script.js

C & J<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>



templates/jday2016/templateDetails.xml

C & J Ordner<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version> <description>TPL_JDAY2016_XML_DESCRIPTION</description>

<files> <folder>css</folder> <folder>js</folder> <folder>language</folder> <filename>index.php</filename> <filename>templateDetails.xml</filename> </files>



index.php<?php defined('_JEXEC') or die; ?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>

templates/jday2016/index.php

JDocumentHtml<?phpdefined('_JEXEC') or die;

$doc = JFactory::getDocument();?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


Template Verzeichni<?phpdefined('_JEXEC') or die;

$doc = JFactory::getDocument();$tpath = $this->baseurl . '/templates/' . $this->template;?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


C tle<?phpdefined('_JEXEC') or die;

$doc = JFactory::getDocument();$tpath = $this->baseurl . '/templates/' . $this->template;

// Add CSS$doc->addStyleSheet($tpath . '/css/style.css');?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" />


Head<head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="generator" content="Joomla! - Open Source Content Management" <title>Home</title> <script src="/media/jui/js/jquery.min.js" type="text/javascript"></ <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" <script src="/media/system/js/caption.js" type="text/javascript"></ <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script></head>

Quelltext

Head mit tle.c<head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="generator" content="Joomla! - Open Source Content Management" <title>Home</title> <link rel="stylesheet" href="/templates/jday2016/css/style.css" type <script src="/media/jui/js/jquery.min.js" type="text/javascript"></ <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" <script src="/media/system/js/caption.js" type="text/javascript"></ <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script></head>

Quelltext

C tle<?phpdefined('_JEXEC') or die;


// Add CSS$doc->addStyleSheet($tpath . '/css/style.css');?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" />


JAVACRIPT

Javacript<?phpdefined('_JEXEC') or die;


// Add CSS and Javascript$doc->addStyleSheet($tpath . '/css/style.css');$doc->addScript($tpath . '/js/script.js');?><!doctype html><html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" />


Head mit tle.c<head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="generator" content="Joomla! - Open Source Content Management" <title>Home</title> <link rel="stylesheet" href="/templates/jday2016/css/style.css" type <script src="/media/jui/js/jquery.min.js" type="text/javascript"></ <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" <script src="/media/system/js/caption.js" type="text/javascript"></ <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script></head>

Quelltext

Head mit tle.c und cript.j<head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="generator" content="Joomla! - Open Source Content Management" <title>Home</title> <link rel="stylesheet" href="/templates/jday2016/css/style.css" type <script src="/media/jui/js/jquery.min.js" type="text/javascript"></ <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" <script src="/media/system/js/caption.js" type="text/javascript"></ <script src="/templates/jday2016/js/script.js" type="text/javascript" <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script></head>

Quelltext

CRIPT.J

Head aufräumen<head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="generator" content="Joomla! - Open Source Content Management" <title>Home</title> <link rel="stylesheet" href="/templates/jday2016/css/style.css" type <script src="/media/jui/js/jquery.min.js" type="text/javascript"></ <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript" <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript" <script src="/media/system/js/caption.js" type="text/javascript"></ <script src="/templates/jday2016/js/script.js" type="text/javascript" <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script></head>

Quelltext

Headcleaner<?phpdefined('_JEXEC') or die;

$doc = JFactory::getDocument();

// Headcleaner$this->setGenerator(null);

$filesjs = array( "media/jui/js/jquery.min.js", "media/jui/js/jquery-noconflict.js", "media/jui/js/jquery-migrate.min.js", "media/system/js/caption.js");$scripts = array();

foreach ($doc->_scripts as $name => $details)templates/jday2016/index.php

<head> <base href="http://jdaytemplate.dev/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" <title>Home</title> <link rel="stylesheet" href="/templates/jday2016/css/style.css" type <script src="/templates/jday2016/js/script.js" type="text/javascript" <script type="text/javascript">

</script></head>

Quelltext

HAD AUFGRÄUMT!!!

Module Deug<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


Logo<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="modules" name="logo" /> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


Poition Logo<extension version="3.1" type="template" client="site"> <name>jday2016</name> <creationDate>16.09.2016</creationDate> <author>Niels Nübel</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.niels-nuebel.de</authorUrl> <version>0.0.1</version>


<posititons> <position>logo</position> <position>debug</position> </posititons></extension>


A�riute<jdoc:include type="modules" name="logo" />


A�riute tle<jdoc:include type="modules" name="logo" style="html5" />


Modultile: tem Templatenonehtml5tablehorzxhtmlroundedoutline

html5Für Module mit Überschri�en

eigener Modultil<?phpdefined('_JEXEC') or die;

/* * jday */function modChrome_jday($module, &$params, &$attribs){ echo '<div class="jday">'; echo $module->content; echo '</div>';}

templates/jday2016/html/modules.php

Modultile<jdoc:include type="modules" name="logo" style="jday" />

Logo mit Modultil<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <jdoc:include type="modules" name="logo" style="jday" /> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


Logo<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <div class="jday"> <jdoc:include type="modules" name="logo" /> </div> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


Logo<!doctype html><html> <head> <jdoc:include type="head" /> </head> <body> <?php if ($this->countModules('logo')) : ?> <div class="jday"> <jdoc:include type="modules" name="logo" /> </div> <?php endif; ?> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="debug" /> </body></html>


Con�g<extension version="3.1" type="template" client="site"> <files> <filename>index.php</filename> <filename>templateDetails.xml</filename> </files>

<posititons> <position>logo</position> <position>debug</position> </posititons>

<config> <fields name="params"> <fieldset name="advanced"> </fieldset> </fields> </config></extension>


Con�g Detail<config> <fields name="params"> <fieldset name="advanced">  <field name="cssfilename" type="filelist" default="style.css" label="TPL_JDAY2016_PARAMETER_CSSFILENAME_LABEL" description="TPL_JDAY2016_PARAMETER_CSSFILENAME_DESC" directory="templates/jday2016/css" filter="\.css" striptext="true" hide_none="true" /> </fieldset> </fields></config>

Parameter im Template

Template Param<?phpdefined('_JEXEC') or die;

$app = JFactory::getApplication();$doc = JFactory::getDocument();$tpath = $this->baseurl . '/templates/' . $this->template;

// Getting params from template$params = $app->getTemplate(true)->params;$cssfilename = $params->get('cssfilename', 'style.css');

// Add CSS and Javascript$doc->addStyleSheet($tpath . '/css/' . $cssfilename);$doc->addScript($tpath . '/js/script.js');

// Headcleaner$this->setGenerator(null);


HTML FRAMWORKOOTTRAP 4

oottrap Dateien

oottrap eininden<?phpdefined('_JEXEC') or die;

$app = JFactory::getApplication();$doc = JFactory::getDocument();$tpath = $this->baseurl . '/templates/' . $this->template;

// Getting params from template$params = $app->getTemplate(true)->params;$cssfilename = $params->get('cssfilename', 'style.css');

// Add CSS and Javascript$doc->addStyleSheet($tpath . '/css/bootstrap.min.css');$doc->addStyleSheet($tpath . '/css/' . $cssfilename);$doc->addScript($tpath . '/js/jquery.min.js');$doc->addScript($tpath . '/js/tether.min.js');$doc->addScript($tpath . '/js/bootstrap.min.js');


OVRRIDMOD_MNU

LINK- -

joomladaytemplate.niels-nuebel.deJDay 2016 Template

http://joomladaytemplate.niels-nuebel.de/

https://github.com/nielsnuebel/joomladay-template

Fragen?@Niels_Nuebel

https://twitter.com/Niels_Nuebel

VILN DANK!

PHOTO CRDITRayi Christian Wicaksono

Greg RakozyIlya Pavlov

Markus SpiskeFaye Cornish

Ambitious Creative Co. - Rick Barrett

https://unsplash.com/photos/6PF6DaiWz48

https://unsplash.com/photos/vw3Ahg4x1tY

https://unsplash.com/photos/OqtafYT5kTw

https://unsplash.com/photos/xekxE_VR0Ec

https://unsplash.com/photos/n3XTxxV7qhI

https://unsplash.com/photos/HnUHOBuJ7s4

joomla! templates for beginners

Internet