-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathform-old.html
More file actions
155 lines (153 loc) · 10.4 KB
/
form-old.html
File metadata and controls
155 lines (153 loc) · 10.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="is">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Grindakerfi Pure CSS">
<meta name="author" content="Tækniskólinn - GJG">
<title>VSH2A DEMO verkefni 4</title>
<!-- Pure CDN - Content Distribution Network-->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/navstyle.css">
<link rel="stylesheet" href="css/tabMenu.css">
</head>
<body>
<nav>
<label for="show-menu" class="show-menu">Sýna efnisyfirlit ￬</label>
<input type="checkbox" id="show-menu" role="button">
<ul id="menu">
<li><a href="index.html">Forsíða</a></li>
<li>
<a href="#">Myndir ￬</a>
<ul class="hidden">
<li><a href="myndir.html">Myndasafn 1</a></li>
<li><a href="#">Myndasafn 2</a></li>
<li><a href="#">Kvikmyndir</a></li>
</ul>
</li>
<li><a href="tafla.html">Tafla</a></li>
<li><a href="form.html">Form</a></li>
<li><a href="hnappar.html">Hnappar</a></li>
<li>
<a href="#">Bjargir ￬</a>
<ul class="hidden">
<li><a href="http://www.purecss.io" target="_blank">PureCSS</a></li>
<li><a href="http://bradfrost.github.io/this-is-responsive/index.html" target="_blank">RDW Resources</a></li>
<li><a href="http://www.google.com/design/spec/material-design/introduction.html" target="_blank">Material Design</a></li>
</ul>
</li>
</ul>
</nav>
<!-- row 1 -->
<header class="pure-g">
<div class="pure-u-1 pure-u-sm-12-24 pure-u-md-10-24">
<a href="index.html"><img src="img/logo.png" alt="Wisdom Pets. click for home." class=""></a>
</div>
<div class="pure-u-1 pure-u-sm-12-24 pure-u-md-14-24">
<img src="img/animals.jpg" alt="Nú eru góð ráð dýr!" class="">
</div>
</header>
<!-- row 2 -->
<section class="pure-g">
<article class="pure-u-1 pure-u-md-1 pure-u-lg-16-24 flright">
<!-- nested row 1-->
<section class="pure-g">
<div class="pure-u-4-5 pure-sm-17-24 pure-u-md-15-24 pure-u-lg-15-24">
<h1>Form</h1>
<p>Wisdom Pet Medicine is a state-of-the-art veterinary hospital, featuring the latest in diagnostic and surgical equipment, and a staff of seasoned veterinary specialists in the areas of general veterinary medicine and surgery, oncology, dermatology, orthopedics, radiology, ultrasound, and much more. We also have a 24-hour emergency clinic in the event your pet needs urgent medical care after regular business hours.</p>
<p>At Wisdom, we strive to be your pet’s medical experts from youth through the senior years. We build preventative health care plans for each and every one of our patients, based on breed, age, and sex, so that your pet receives the most appropriate care at crucial milestones in his or her life. Our overarching goal is to give your pet the best shot possible at a long and healthy life, by practicing simple preventative care. We even provide an online Pet Portal where you can view all your pet’s diagnostic results, treatment plans, vaccination and diagnostic schedules, prescriptions, and any other health records.</p>
</div>
<div class="pure-u-1-5 pure-sm-7-24 pure-u-md-9-24 pure-u-lg-9-24">
<img src="img/goldfish.jpg">
</div>
</section>
<!-- nested row 2-->
<section class="pure-g">
<div class="pure-u-1 pure-u-sm-12-24 pure-u-md-12-24 pure-u-lg-6-24">
<h4><span class="glyphicon glyphicon-pushpin"></span> Vaccinations</h4>
<p>Dogs, cats, rats and snakes are susceptible to a variety of illnesses that can be completely prevented by following the appropriate vaccination schedule.</p>
<p><a href="#" class="pure-button pure-button-primary">
<i class="fa fa-home"></i> Home</a></p>
</div>
<div class="pure-u-1 pure-u-sm-12-24 pure-u-md-12-24 pure-u-lg-6-24">
<h4><span class="glyphicon glyphicon-ok"></span> Checkups</h4>
<p>Regular checkups are a key factor in pet wellness, and can often unearth problems that could lead to health unearth problems issues down the road. </p>
<p> <a href="#" class="pure-button button-warning">
<i class="fa fa-cog fa-lg fa-spin"></i> Settings
</a></p>
</div>
<div class="pure-u-1 pure-u-sm-12-24 pure-u-md-12-24 pure-u-lg-6-24">
<h4><span class="glyphicon glyphicon-heart"></span> Senior Pets</h4>
<p>Senior pets generally require more medical attention than their younger counterparts, just as senior humans do. So when is a pet considered “senior”? </p>
<p> <a href="#" class="pure-button pure-button-primary">
<i class="fa fa-shopping-cart"></i> Checkout
</a></p>
</div>
<div class="pure-u-1 pure-u-sm-12-24 pure-u-md-12-24 pure-u-lg-6-24">
<h4><span class="glyphicon glyphicon-cutlery"></span> Diet Plans</h4>
<p>Wisdom veterinarians have all had extensive training in pet nutrition and are your best resources when considering changing your pet’s diet. </p>
<p> <a href="#" class="pure-button pure-button-primary">
<i class="fa fa-camera-retro"></i> fa-camera-retro
</a>
</p>
</div>
</section><!-- end nested row -->
</article>
<aside class="pure-u-1 pure-u-md-1 pure-u-lg-8-24">
<div class="tabs"><!-- Tab menu 1-->
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked="">
<label for="tab-1">Sign in</label>
<div class="content">
<form class="pure-form" action="tafla.html" method="post">
<fieldset class="pure-group">
<input type="text" class="pure-input-1" placeholder="Username" required title="Vinsamlegast skráið nafn" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$">
<input type="password" class="pure-input-1" placeholder="Password" required>
<input type="email" class="pure-input-1" placeholder="Email" required>
</fieldset>
<button type="submit" class="pure-button pure-input-1-2 pure-button-primary">Sign in</button>
</form>
</div>
</div><!-- end 1 tab -->
<div class="tab"><!-- Tab menu 2-->
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Register</label>
<div class="content">
<form class="pure-form" action="tafla.html" method="post">
<fieldset class="pure-group">
<input type="text" class="pure-input-1" placeholder="Name" required title="Vinsamlegast skráið nafn" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$">
<input type="text" class="pure-input-1" placeholder="Address" required title="Vinsamlegast skráið nafn" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$">
<input type="text" class="pure-input-1" placeholder="Location" required title="Vinsamlegast skráið nafn" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$">
<input type="email" class="pure-input-1" placeholder="Email" required>
<input type="password" class="pure-input-1" placeholder="Password" required>
<input type="password" class="pure-input-1" placeholder="Repeat Password" required>
</fieldset>
<fieldset class="pure-group">
<textarea class="pure-input-1">"More Stuff" here ...</textarea>
</fieldset>
<button type="submit" class="pure-button pure-input-1-2 pure-button-primary">Sign in</button>
</form>
</div>
</div><!-- end 2 tab -->
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">Source info</label>
<div class="content">
<a href="http://css-tricks.com/examples/CSSTabs/radio.php"> http://css-tricks.com/examples/CSSTabs/</a>
<img src="img/chase.jpg">
</div>
</div><!-- end 3 tab -->
</div><!-- end tabs -->
</aside>
</section><!-- end row 2 -->
<!-- row 3 -->
<footer class="pure-u-1">
<p>This not a real veterinary medicine site, and is not meant to diagnose or offer treatment. Please see your veterinarian for all matters related to your pet's health.</p>
</footer>
<!-- javascript -->
<script src="js/ui.js"></script>
</body>
</html>