loschke

<!-- Bootstrap Markup -->
<div class="container">
<ul class="thumbnails" id="hover-cap"> <!-- add id attr to thumbnail list -->
<li class="span3">
  <div class="thumbnail">
    <div class="caption">
        <h4>Caption Title</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
        <p><a href="#" class="btn btn-inverse" rel="tooltip" title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="Visit Website" class="btn btn-inverse"><i class="icon-share"></i></a></p>
    </div>

loschke

<?php

//check if an array is associative
function isAssocArray($array){
	return array_keys($array) !== range(0, count($array) - 1);
}


//check if an array is multidimensional
function isMultiArray($array) {

loschke

Bootstrap 3 - Carousel/Slider Collection

Article: http://sevenx.de/blog
Demo: http://sevenx.de/demo/bootstrap-carousel

Working Examples (inline Styles, CDN Scripts)

- minimal Bootstrap Markup changes
- minimal CSS Styles
- minimal jQuery

loschke

# ----------------------------------------------------------------------
# | Komprimierung und Caching                                                    |
# ----------------------------------------------------------------------

# Serve resources with far-future expires headers.
#
# (!) If you don't control versioning with filename-based
# cache busting, you should consider lowering the cache times
# to something like one week.
#

loschke

background-color: #6d695c; background-image: repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)), linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)); background-size: 70px 120px;

loschke

<form id="form" action="form2email.php" method="post">
  <label for="name">Name</label>
  <input id="name" name="name" size="25" type="text" />
  <label for="email">Email</label>
  <input id="email" name="email" size="25" type="text" />
  <label for="betreff">Betreff</label>
  <input id="betreff" name="betreff" size="25" type="text" />
  <label for="nachricht">Nachricht</label>
  <textarea id="nachricht" cols="50" rows="6" name="nachricht"></textarea>
  <input id="submit" name="submit" type="submit" value="Formular senden" />

loschke

<?php 
$alledateien = scandir('files'); //Ordner "files" auslesen 
foreach ($alledateien as $datei) { // Ausgabeschleife 
echo $datei."<br />"; //Ausgabe Einzeldatei 
}; 
?>

loschke

<ul class="thumbnails" id="hover-cap-4col">
<li class="span3">
  <div class="thumbnail">
    <div class="caption">
        <h4>Caption Title</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
        <p><a href="#" class="btn btn-inverse" rel="tooltip" title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="Visit Website" class="btn btn-inverse"><i class="icon-share"></i></a></p>
    </div>
    <img src="http://placehold.it/600x400" alt="ALT NAME">
  </div>

loschke

<!-- Headbereich -->
<link rel="stylesheet" type="text/css" href="css/animate.min.css">

<!-- HTML Element -->
<div id="logo" class="animated rotateIn">Company XY</div>

loschke

<form id="phpform" method="post" action="kontakt.php"  autocomplete="off">

<p><label for="name">Name</label>
<input type="text" name="name" value=""></p>

<p><label for="email">Email</label>
<input type="text" name="email" value=""></p>

<p><label for="message">Nachricht</label><br />
<textarea name="message" rows="8"></textarea></p>