-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (159 loc) · 5.8 KB
/
index.html
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
156
157
158
159
<!DOCTYPE html>
<html>
<head>
<link
rel="stylesheet"
href="./salesforce-lightning-design-system-2.13.7/assets/styles/salesforce-lightning-design-system.min.css"
/>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<div class="container">
<article class="slds-card card_center">
<div class="slds-card__header slds-grid">
<header class="slds-media slds-media_center slds-has-flexi-truncate">
<div class="slds-media__body">
<h2 class="slds-card__header-title">Add a New Vehicle</h2>
</div>
<div class="slds-no-flex">
<span
class="slds-icon_container slds-icon-utility-refresh"
title="Refresh Icon"
>
<svg
class="slds-icon slds-icon-text-default slds-icon--small"
aria-hidden="true"
>
<use
xlink:href="salesforce-lightning-design-system-2.13.7/assets/icons/utility-sprite/svg/symbols.svg#refresh"
></use>
</svg>
<span class="slds-assistive-text">Refresh Icon</span>
</span>
</div>
</header>
</div>
<div class="slds-card__body slds-card__body_inner">
<div class="slds-align--absolute-center">
<span class="slds-avatar slds-avatar_circle avatar_extra-large">
<span
class="slds-icon_container slds-icon-standard-user icon_color-gray"
title="Profile"
>
<svg class="slds-icon icon_extra-large" aria-hidden="true">
<use
xlink:href="salesforce-lightning-design-system-2.13.7/assets/icons/standard-sprite/svg/symbols.svg#user"
></use>
</svg>
<span class="slds-assistive-text">Profile</span>
</span>
</span>
</div>
<div class="slds-grid slds-m-vertical--small">
<div class="slds-col slds-size--1-of-1">
<div class="slds-form-element">
<label class="slds-form-element__label" for="licenseplate">
<abbr class="slds-required">* </abbr>
License Plate
</label>
<div class="slds-form-element__control">
<input
type="text"
id="licenseplate"
required=""
class="slds-input"
/>
</div>
</div>
</div>
</div>
<div class="slds-grid slds-gutters slds-m-vertical--small">
<div class="slds-col">
<span
><div class="slds-form-element">
<label class="slds-form-element__label" for="state">
<abbr class="slds-required">* </abbr>State</label
>
<div class="slds-form-element__control">
<input
type="text"
id="state"
required=""
class="slds-input"
/>
</div></div
></span>
</div>
<div class="slds-col">
<span
><div class="slds-form-element">
<label class="slds-form-element__label" for="color">
<abbr class="slds-required">* </abbr>Color</label
>
<div class="slds-form-element__control">
<input
type="text"
id="color"
required=""
class="slds-input"
/>
</div></div
></span>
</div>
</div>
<div class="slds-grid slds-gutters slds-m-vertical--small">
<div class="slds-col">
<div class="slds-form-element">
<label class="slds-form-element__label" for="make"> Make</label>
<div class="slds-form-element__control">
<input type="text" id="make" required="" class="slds-input" />
</div>
</div>
</div>
<div class="slds-col">
<div class="slds-form-element">
<label class="slds-form-element__label" for="model">
Model</label
>
<div class="slds-form-element__control">
<input
type="text"
id="model"
required=""
class="slds-input"
/>
</div>
</div>
</div>
</div>
<div class="slds-grid slds-m-vertical--small">
<div class="slds-col slds-size--1-of-1">
<div class="slds-form-element">
<label class="slds-form-element__label" for="reason"
>Reason</label
>
<div class="slds-form-element__control">
<textarea
id="reason"
placeholder="Placeholder text…"
class="slds-textarea"
rows="4"
></textarea>
</div>
</div>
</div>
</div>
<div class="slds-grid slds-m-vertical--small">
<div class="slds-col slds-size--1-of-1">
<div class="slds-clearfix">
<div class="slds-float_right">
<button class="slds-button slds-button_brand">Save</button>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</body>
</html>