Skip to content
This repository was archived by the owner on Apr 21, 2026. It is now read-only.

Commit 4db46ef

Browse files
author
dpatanin
committed
style contact page and correct background color of pages
1 parent 38d5eb3 commit 4db46ef

9 files changed

Lines changed: 94 additions & 79 deletions

File tree

‎src/pages/contact/index.js‎

Lines changed: 69 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -77,84 +77,78 @@ class ContactPage extends React.Component {
7777
</address>
7878
</div> */}
7979

80-
<div class="row">
80+
<div class="form-row">
8181
<div class="col-lg-12 text-center">
82-
<div id="mc_embed_signup">
83-
<form onSubmit={this._handleSubmit}>
84-
<div class="form-group">
85-
<label for="mce-EMAIL">
86-
Email address<span class="asterisk">*</span>
87-
</label>
88-
<div class="col-lg-8">
89-
<input
90-
type="email"
91-
onChange={this._handleChange}
92-
placeholder="email"
93-
name="email"
94-
id="mce-EMAIL"
95-
/>
96-
</div>
97-
</div>
98-
<div class="form-group">
99-
<label for="mce-FNAME">
100-
First name<span class="asterisk">*</span>
101-
</label>
102-
<div class="col-lg-8">
103-
<input
104-
type="text"
105-
onChange={this._handleChange}
106-
placeholder="first name"
107-
name="fname"
108-
id="mce-FNAME"
109-
/>
110-
</div>
111-
</div>
112-
<div class="form-group">
113-
<label for="mce-LNAME">
114-
Surname<span class="asterisk">*</span>
115-
</label>
116-
<div class="col-lg-8">
117-
<input
118-
type="text"
119-
onChange={this._handleChange}
120-
placeholder="surname"
121-
name="lname"
122-
id="mce-LNAME"
123-
/>
124-
</div>
125-
</div>
82+
<form onSubmit={this._handleSubmit}>
83+
<div class="form-group">
84+
<label for="mce-EMAIL" className="col-form-label">
85+
Email address<span class="asterisk">*</span>
86+
</label>
87+
<input
88+
type="email"
89+
onChange={this._handleChange}
90+
placeholder="email"
91+
name="email"
92+
className="form-control"
93+
id="mce-EMAIL"
94+
/>
95+
</div>
96+
<div class="form-group">
97+
<label for="mce-FNAME" className="col-form-label">
98+
First name<span class="asterisk">*</span>
99+
</label>
100+
<input
101+
type="text"
102+
onChange={this._handleChange}
103+
placeholder="first name"
104+
name="fname"
105+
className="form-control"
106+
id="mce-FNAME"
107+
/>
108+
</div>
109+
<div class="form-group">
110+
<label for="mce-LNAME" className="col-form-label">
111+
Surname<span class="asterisk">*</span>
112+
</label>
113+
<input
114+
type="text"
115+
onChange={this._handleChange}
116+
placeholder="surname"
117+
name="lname"
118+
className="form-control"
119+
id="mce-LNAME"
120+
/>
121+
</div>
126122

127-
<div class="form-group">
128-
<label for="mce-MESSAGE">
129-
Interessted in &hellip;
130-
</label>
131-
<div class="col-lg-8">
132-
<input
133-
type="text"
134-
onChange={this._handleChange}
135-
placeholder="Write your message!"
136-
name="message"
137-
id="mce-MESSAGE"
138-
/>
139-
</div>
140-
</div>
141-
<div id="mce-responses" class="clear">
142-
<div class="response" id="mce-error-response"></div>
143-
<div class="response" id="mce-success-response"></div>
144-
</div>
145-
<p class="m-t-sm">* required fields</p>
123+
<div class="form-group">
124+
<label for="mce-MESSAGE" className="col-form-label">
125+
Interessted in &hellip;
126+
</label>
127+
<input
128+
type="text"
129+
onChange={this._handleChange}
130+
placeholder="Write your message!"
131+
name="message"
132+
className="form-control"
133+
id="mce-MESSAGE"
134+
/>
135+
</div>
136+
<div id="mce-responses" class="clear">
137+
<div class="response" id="mce-error-response"></div>
138+
<div class="response" id="mce-success-response"></div>
139+
</div>
140+
<p class="m-t-sm">* required fields</p>
146141

147-
<div class="clear">
148-
<input
149-
type="submit"
150-
value="Subscribe"
151-
name="subscribe"
152-
id="mc-embedded-subscribe"
153-
class="button-submit"
154-
/>
155-
</div>
156-
</form>
157-
</div>
142+
<div class="clear">
143+
<input
144+
type="submit"
145+
value="Subscribe"
146+
name="subscribe"
147+
id="mc-embedded-subscribe"
148+
class="button-submit"
149+
/>
150+
</div>
151+
</form>
158152
</div>
159153
</div>
160154
</div>

‎src/scss/pages/_home.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
.page-home {
2+
background: #fafafa;
23
background-image: url('../images/macbook_kibana_klein.png');
34
background-repeat: no-repeat;
45
background-size: 115%;

‎src/scss/pages/contact/_page-contact.scss‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
.page-contact {
2+
background: #fafafa;
23
background-repeat: no-repeat;
34
background-size: 115%;
45
background-position: 49px -40px;
@@ -14,7 +15,20 @@
1415
background-size: 55%;
1516
background-position: 100% 70px;
1617
}
17-
.form-group {
18+
form {
19+
display: flex;
20+
flex-direction: column;
21+
align-items: center;
22+
margin-top: 50px;
23+
margin-bottom: 100px;
24+
.form-group {
1825
color: $secondary;
26+
width: 500px;
27+
label {
28+
margin-right: 20px;
29+
float: left;
30+
margin-left: 2px;
31+
}
32+
}
1933
}
20-
}
34+
}

‎src/scss/pages/provisions/_page-provision.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
.page-provision {
2+
background: #fafafa;
23
background-color: $primary;
34
background-attachment: fixed;
45
background-size: cover;

‎src/scss/pages/provisions/_page-provisions.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
.page-provisions {
2+
background: #fafafa;
23
background-repeat: no-repeat;
34
background-size: 115%;
45
background-position: 49px -40px;

‎src/scss/pages/scanners/_page-scanner.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
.page-scanner {
2-
background-image: url('../images/Network.png');
2+
background: #fafafa;
3+
background-image: url("../images/Network.png");
34
background-repeat: no-repeat;
45
background-size: 100%;
56
background-position: 49px -50px;

‎src/scss/pages/scanners/_scanner.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
.scanner {
2+
background: #fafafa;
23
display: flex;
34
#content {
45
width: 90vw;
5-
#scanner-doc{
6+
#scanner-doc {
67
width: 55vw;
78
@include media-breakpoint-down(sm) {
89
width: 90vw;

‎src/scss/pages/team/_page-teams.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
.page-teams {
2+
background: #fafafa;
23
background-repeat: no-repeat;
34
background-size: 115%;
45
background-position: 49px -40px;

‎src/scss/style.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
@import 'bootstrap/grid';
1111
@import 'bootstrap/type';
1212
@import 'bootstrap/tables';
13+
@import 'bootstrap/forms';
1314
// @import "bootstrap/images";
1415
// @import "bootstrap/code";
1516
// @import "bootstrap/forms";

0 commit comments

Comments
 (0)