-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofile.shtml
103 lines (84 loc) · 3.56 KB
/
profile.shtml
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
<!--#include file="includes/_header.shtml" -->
<script src="js/validators.js"></script>
<script src="js/profile.js"></script>
</head>
<body class="body-profile">
<!--#include file="includes/components/_topBar.shtml" -->
<div class="row profile__row">
<div class="large-12 columns">
<h1>Your profile</h1>
</div>
</div>
<div class="row profile__row shadow3">
<ul class="tabs" data-tabs id="profileTabs">
<li class="tabs-title is-active">
<a href="#accountDetails" aria-selected="true">Account details</a>
</li>
<li class="tabs-title">
<a href="#billingInformation">Billing information</a>
</li>
</ul>
<div class="tabs-content" data-tabs-content="profileTabs">
<div class="tabs-panel is-active" id="accountDetails">
<!-- ##########################
# ACCOUNT DETAILS TAB
########################## -->
<form action="" method="POST" id="accountDetails-form">
<fieldset>
<label for="userEmail">
<span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" tabindex="1" title="At the moment you can't change email address on which you registered your account. If you need to please contact us at support@teamstormer.com">
<img src="img/ico_info.svg" class="ico-info" alt="At the moment you can't change email address on which you registered your account. If you need to please contact us at support@teamstormer.com">
</span>
Your email address:</label>
<input type="text" id="userEmail" class="input__mail" value="pkmita@invinsys.com" disabled>
<span class="form__error">Something is wrong with your email</span>
</fieldset>
<div class="row">
<div class="large-6 columns">
<fieldset>
<label for="userName">
Your name:</label>
<input type="text" id="userName" class="input__name" value="Piotr Kmita">
<span class="form__error"></span>
</fieldset>
</div>
<div class="large-6 columns">
<fieldset>
<label>
Your avatar:
</label>
<div class="input__fake">
<div style="padding-top:10px;height:40px;">
<div style="height:30px;">
<img src="img/avatar.png" alt="">
<a href="#">Upload new avatar</a>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<fieldset>
<label for="userCountry">
Country:</label>
<input type="text" id="userName" class="input__name" value="Poland">
<span class="form__error"></span>
</fieldset>
<fieldset>
<div class="row formCheckbox__container formCheckbox__container-long">
<div class="large-1 columns text-center">
<input type="checkbox" checked class="formCheckbox__checkbox">
</div>
<div class="large-11 columns">I agree to recive training and marketing materials about Team Stormer from Invinsys Ltd. </div>
</div>
</fieldset>
<input type="submit" class="button-submit button-green" value="Save account details">
</form>
</div>
<div class="tabs-panel" id="billingInformation">
<!--#include file="includes/billing/_billingMultiUserOwner.shtml" -->
</div>
</div>
</div>
<!--#include file="includes/components/_lastProjects.shtml" -->
<!--#include file="includes/_footer.shtml" -->