root/other-projects/nz-flag-design/trunk/main-form/enter-name.html @ 29912

Revision 29912, 2.2 KB (checked in by davidb, 4 years ago)

Beginning of a social media 'next-step' bar using add-to-any JS library

  • Property svn:executable set to *
Line 
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>
Note: See TracBrowser for help on using the browser.