Difference between revisions of "Contact.rythm"

From BITPlan Wiki
Jump to navigation Jump to search
(Created page with "= Links = = Source = <source lang='html4strict'> @// Rythm template for the WikiCMS approach @import com.bitplan.smw.PropertyMap @args() { String content, String lang,...")
 
Line 39: Line 39:
 
     </header>
 
     </header>
 
     <section class="container">
 
     <section class="container">
−
       <form>
+
       <form class="form-horizontal" action="" method="post">
−
        <div class="form-group">
+
          <fieldset>
−
          <label for="email">Email address:</label>
+
            <legend class="text-center">Contact us</legend>
−
          <input type="email" class="form-control" id="email">
+
   
−
        </div>
+
            <!-- Name input-->
−
        <div class="checkbox">
+
            <div class="form-group">
−
          <label><input type="checkbox">Bitte um Rückruf</label>
+
              <label class="col-md-3 control-label" for="name">Name</label>
−
        </div>
+
              <div class="col-md-9">
−
        <button type="submit" class="btn btn-default">Senden</button>
+
                <input id="name" name="name" type="text" placeholder="Your name" class="form-control">
−
      </form>  
+
              </div>
 +
            </div>
 +
   
 +
            <!-- Email input-->
 +
            <div class="form-group">
 +
              <label class="col-md-3 control-label" for="email">Your E-mail</label>
 +
              <div class="col-md-9">
 +
                <input id="email" name="email" type="text" placeholder="Your email" class="form-control">
 +
              </div>
 +
            </div>
 +
   
 +
            <!-- Message body -->
 +
            <div class="form-group">
 +
              <label class="col-md-3 control-label" for="message">Your message</label>
 +
              <div class="col-md-9">
 +
                <textarea class="form-control" id="message" name="message" placeholder="Please enter your message here..." rows="5"></textarea>
 +
              </div>
 +
            </div>
 +
   
 +
            <!-- Form actions -->
 +
            <div class="form-group">
 +
              <div class="col-md-12 text-right">
 +
                <button type="submit" class="btn btn-primary btn-lg">Submit</button>
 +
              </div>
 +
            </div>
 +
          </fieldset>
 +
          </form>
 
     </section>
 
     </section>
 
   </body>
 
   </body>
 
</html>
 
</html>
 
</source>
 
</source>

Revision as of 20:30, 29 October 2017

Links

Source

@// Rythm template for the WikiCMS approach
@import com.bitplan.smw.PropertyMap
@args() {
  String content,
  String lang,
  String title,
  PropertyMap smwprops; 
}
<!doctype html>
<html lang="@(lang)">
<head>
  <!-- https://de.wikipedia.org/wiki/Bootstrap_(Framework) -->
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>@(title)</title>
    <!-- Einbinden des Bootstrap-Stylesheets -->
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- optional: Einbinden der jQuery-Bibliothek -->
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>

    <!-- optional: Einbinden der Bootstrap-JavaScript-Plugins -->
    <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"></script>
  </head>

<body>
    <header>
@{
  Object languageCodeObj=smwprops.get("Language_code");
  String languageCode="de";
  if (languageCodeObj!=null) {
    languageCode=languageCodeObj.toString();
  }
}
    </header>
    <section class="container">
      <form class="form-horizontal" action="" method="post">
          <fieldset>
            <legend class="text-center">Contact us</legend>
    
            <!-- Name input-->
            <div class="form-group">
              <label class="col-md-3 control-label" for="name">Name</label>
              <div class="col-md-9">
                <input id="name" name="name" type="text" placeholder="Your name" class="form-control">
              </div>
            </div>
    
            <!-- Email input-->
            <div class="form-group">
              <label class="col-md-3 control-label" for="email">Your E-mail</label>
              <div class="col-md-9">
                <input id="email" name="email" type="text" placeholder="Your email" class="form-control">
              </div>
            </div>
    
            <!-- Message body -->
            <div class="form-group">
              <label class="col-md-3 control-label" for="message">Your message</label>
              <div class="col-md-9">
                <textarea class="form-control" id="message" name="message" placeholder="Please enter your message here..." rows="5"></textarea>
              </div>
            </div>
    
            <!-- Form actions -->
            <div class="form-group">
              <div class="col-md-12 text-right">
                <button type="submit" class="btn btn-primary btn-lg">Submit</button>
              </div>
            </div>
          </fieldset>
          </form>
    </section>
  </body>
</html>
Retrieved from "https://wiki.bitplan.com/index.php?title=Contact.rythm&oldid=2729"