| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html id="story">
|
|---|
| 3 | <head>
|
|---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|---|
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|---|
| 6 |
|
|---|
| 7 | <!-- jQuery -->
|
|---|
| 8 | <script src="lib/jquery-1.11.1.min.js"></script>
|
|---|
| 9 |
|
|---|
| 10 | <title>Enter Name</title>
|
|---|
| 11 | </head>
|
|---|
| 12 | <body>
|
|---|
| 13 | <div data-role="page" id="enter-name-page"
|
|---|
| 14 | class="demo-page"
|
|---|
| 15 | data-dom-cache="true"
|
|---|
| 16 | data-prev="iterative-design">
|
|---|
| 17 |
|
|---|
| 18 | <div data-role="content">
|
|---|
| 19 |
|
|---|
| 20 | <div data-role="controlgroup" class="control" data-mini="true">
|
|---|
| 21 | <!--
|
|---|
| 22 | <a href="#" class="next right-button idea-fwd" style="right:1%;"></a>
|
|---|
| 23 | -->
|
|---|
| 24 | <a href="#" class="prev left-button gen-back" style="left:1%;"></a>
|
|---|
| 25 | </div>
|
|---|
| 26 |
|
|---|
| 27 | <!--
|
|---|
| 28 | <a target="_parent" href="../index.html" class="back-button back-left"></a>
|
|---|
| 29 | -->
|
|---|
| 30 |
|
|---|
| 31 | <div class="story-page">
|
|---|
| 32 |
|
|---|
| 33 | <!-- put custom content here -->
|
|---|
| 34 | <div class="story-title">
|
|---|
| 35 | <h1 id="enter-name-header" class="center">Contact Details</h1>
|
|---|
| 36 | <!--
|
|---|
| 37 | <p class="center">- - xx </p>
|
|---|
| 38 | -->
|
|---|
| 39 | <style>
|
|---|
| 40 | input {
|
|---|
| 41 | color: white;
|
|---|
| 42 | }
|
|---|
| 43 | </style>
|
|---|
| 44 | <form style="width: 400px; margin-left:auto; margin-right:auto;">
|
|---|
| 45 | <p>
|
|---|
| 46 | Your Name:
|
|---|
| 47 | </p>
|
|---|
| 48 | <input type="text" autofocus="autofocus" style="color: white;" name="name" />
|
|---|
| 49 |
|
|---|
| 50 | <p>
|
|---|
| 51 | Contact email:
|
|---|
| 52 | </p>
|
|---|
| 53 | <input type="text" name="email" />
|
|---|
| 54 |
|
|---|
| 55 |
|
|---|
| 56 | <div style="padding-top: 120px; padding-left: 100px; padding-right: 100px">
|
|---|
| 57 | <input type="submit" value="Submit Flag Design" />
|
|---|
| 58 | </div>
|
|---|
| 59 | </form>
|
|---|
| 60 |
|
|---|
| 61 |
|
|---|
| 62 | <!-- AddToAny BEGIN -->
|
|---|
| 63 | <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
|
|---|
| 64 | <a class="a2a_dd" href="https://www.addtoany.com/share_save"></a>
|
|---|
| 65 | <a class="a2a_button_email"></a>
|
|---|
| 66 | <a class="a2a_button_facebook"></a>
|
|---|
| 67 | <a class="a2a_button_google_plus"></a>
|
|---|
| 68 | <a class="a2a_button_google_gmail"></a>
|
|---|
| 69 | <a class="a2a_button_twitter"></a>
|
|---|
| 70 | <a class="a2a_button_tumblr"></a>
|
|---|
| 71 | </div>
|
|---|
| 72 | <script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
|
|---|
| 73 | <!-- AddToAny END -->
|
|---|
| 74 |
|
|---|
| 75 | </div>
|
|---|
| 76 | <!-- end of putting custom content -->
|
|---|
| 77 |
|
|---|
| 78 | </div> <!-- end story-page-->
|
|---|
| 79 |
|
|---|
| 80 | </div><!-- /content -->
|
|---|
| 81 |
|
|---|
| 82 | </div><!-- /page -->
|
|---|
| 83 | </body>
|
|---|
| 84 | </html>
|
|---|
