[SITE] add template, blueprint, css for webdesign page

site/blueprints/webdesign.yaml

@@ -0,0 +1,23 @@
+title: Webdesign
+pages: true
+
+files: true
+
+fields:
+  title:
+    label: Title
+    type:  text
+  featurette_headline:
+    label: Featurette Headline
+    type:  text
+  featurette_text:
+    label: Featurette Text
+    type:  textarea
+    width: 1/2
+  featurette_img:
+    label: Featurette Image
+    type:  image
+    width: 1/2
+  text:
+    label: Text
+    type:  textarea

site/templates/webdesign.php

@@ -0,0 +1,36 @@
+<?php
+// -------------------------------------------
+// kirby template FOR jannikbeyerstedt.de
+
+// copyright: Jannik Beyerstedt | https://jannikbeyerstedt.de
+// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
+// -------------------------------------------
+
+$img = $page->images()->find($page->featurette_img());
+
+snippet('base/html-head');
+snippet('base/cont-header');
+?>
+
+<main class="section webdesign">
+  <div class="container">
+
+    <div class="row featurette">
+      <div class="col-sm-9">
+        <h2 class="featurette-heading"><?php echo $page->featurette_headline()->html() ?></h2>
+        <p class="lead"><?php echo $page->featurette_text()->kirbytextRaw() ?></p>
+      </div>
+      <div class="col-sm-3">
+        <?php if ($img = $page->images()->find($page->featurette_img())) {
+          echo '<img src="'.$img->width(235)->url().'" class="img-fluid img-rounded" alt="Portrait">';
+        }?>
+      </div>
+    </div>
+
+    <?php echo $page->text()->kirbytext(); ?>
+
+  </div>
+</main>
+
+<?php snippet('base/cont-footer') ?>
+<?php snippet('base/html-end') ?>