<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="page center-block container-fluid"> <div class="row"> <header class="page-header text-center"> <h1>Header</h1> </header> </div> <div class="row"> <div class="col-md-5 "><svg width="300" height="200"> <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> Sorry, your browser does not support inline SVG. </svg></div> <div class="col-md-5 col-md-offset-2 "><svg width="300" height="200"> <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> Sorry, your browser does not support inline SVG. </svg></div> </div> <div class="row"> <div class="col-md-5 "> <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="1488.189" height="1052.3622" id="svg2" version="1.1" inkscape:version="0.48.4 r9939" inkscape:export-filename="C:\Users\Mike\Documents\Meine Websites\Joomla Template\fullPage\background.png" inkscape:export-xdpi="73" inkscape:export-ydpi="73" sodipodi:docname="Neues Dokument 1"> <defs id="defs4"> <linearGradient inkscape:collect="always" id="linearGradient3937"> <stop style="stop-color:#000000;stop-opacity:1;" offset="0" id="stop3939" /> <stop style="stop-color:#000000;stop-opacity:0;" offset="1" id="stop3941" /> </linearGradient> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3937" id="linearGradient3943" x1="81.684668" y1="98.688993" x2="400.96323" y2="98.688993" gradientUnits="userSpaceOnUse" /> <filter inkscape:collect="always" id="filter4007"> <feGaussianBlur inkscape:collect="always" stdDeviation="2.3378474" id="feGaussianBlur4009" /> </filter> </defs> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.7" inkscape:cx="738.2251" inkscape:cy="542.16316" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" inkscape:showpageshadow="false" showborder="true" inkscape:window-width="1280" inkscape:window-height="1004" inkscape:window-x="1272" inkscape:window-y="-8" inkscape:window-maximized="1" /> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> </cc:Work> </rdf:RDF> </metadata> <g inkscape:label="Ebene 1" inkscape:groupmode="layer" id="layer1" transform="translate(0,2.988066e-5)"> <rect style="opacity:0.99663301;color:#000000;fill:#00ffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" id="rect2985" width="1462.2085" height="1044.7632" x="9.6057205" y="1.7109483" rx="34.968918" ry="15.637061" /> <text xml:space="preserve" style="font-size:24.94830692px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Batang;-inkscape-font-specification:Batang Bold Italic" x="33.040932" y="34.231792" id="text2987" sodipodi:linespacing="125%" transform="scale(0.88294998,1.132567)" inkscape:export-filename="C:\Users\Mike\Documents\Meine Websites\Joomla Template\fullPage\background.png" inkscape:export-xdpi="73" inkscape:export-ydpi="73"><tspan sodipodi:role="line" id="tspan4105">M@rno E-learning Development</tspan><tspan sodipodi:role="line" id="tspan4107"></tspan></text> <text transform="translate(0,-2.988066e-5)" sodipodi:linespacing="125%" id="text2993" y="83.790756" x="240.95285" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" xml:space="preserve"><tspan style="text-align:center;text-anchor:middle" id="tspan2997" y="83.790756" x="240.95285" sodipodi:role="line" /></text> <text xml:space="preserve" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" x="240.95285" y="83.790756" id="text2999" sodipodi:linespacing="125%" transform="translate(0,-2.988066e-5)"><tspan sodipodi:role="line" x="240.95285" y="83.790756" id="tspan3003" style="text-align:center;text-anchor:middle" /></text> <text xml:space="preserve" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" x="240.95285" y="83.790756" id="text3041" sodipodi:linespacing="125%" transform="translate(0,-2.988066e-5)"><tspan sodipodi:role="line" x="240.95285" y="83.790756" id="tspan3045" style="text-align:center;text-anchor:middle" /></text> <text transform="translate(0,-2.988066e-5)" sodipodi:linespacing="125%" id="text3047" y="83.790756" x="240.95285" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" xml:space="preserve"><tspan style="text-align:center;text-anchor:middle" id="tspan3051" y="83.790756" x="240.95285" sodipodi:role="line" /></text> <text xml:space="preserve" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" x="240.95285" y="83.790756" id="text3053" sodipodi:linespacing="125%" transform="translate(0,-2.988066e-5)"><tspan sodipodi:role="line" x="240.95285" y="83.790756" id="tspan3057" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;font-family:Batang;-inkscape-font-specification:Batang" /></text> <text transform="translate(0,-2.988066e-5)" sodipodi:linespacing="125%" id="text3059" y="83.790756" x="240.95285" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" xml:space="preserve"><tspan style="text-align:center;text-anchor:middle" id="tspan3063" y="83.790756" x="240.95285" sodipodi:role="line" /></text> <text xml:space="preserve" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient3943);fill-opacity:1;stroke:none;filter:url(#filter4007);font-family:Bell MT;-inkscape-font-specification:Bell MT" x="240.95285" y="83.790756" id="text3065" sodipodi:linespacing="125%" transform="translate(0,-2.988066e-5)"><tspan sodipodi:role="line" x="240.95285" y="83.790756" id="tspan3069" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:url(#linearGradient3943);fill-opacity:1;font-family:Bauhaus 93;-inkscape-font-specification:'Bauhaus 93,'" /></text> <text transform="translate(0,-2.988066e-5)" sodipodi:linespacing="125%" id="text4046" y="83.790756" x="240.95285" style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bell MT;-inkscape-font-specification:Bell MT" xml:space="preserve"><tspan style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;font-family:Batang;-inkscape-font-specification:Batang" id="tspan4050" y="83.790756" x="240.95285" sodipodi:role="line" /></text> </g> </svg> </div> <div class="col-md-5 "></div> </div> <div class="row"> <div class="col-md-5 "></div> <div class="col-md-5 "></div> </div> <div class="row"> <div class="col-md-5 "></div> <div class="col-md-5 "></div> </div> <div class="row"> <div class="col-md-5 "></div> <div class="col-md-5 "></div> </div> <div class="row"> <div class="col-md-5 "></div> <div class="col-md-5 "></div> </div> <footer class="row"> <div class="col-md-3">Text</div> <div class="col-md-3">Text</div> <div class="col-md-3">Text</div> <div class="col-md-3">Text</div> </footer>