Skip to content

Commit 6ebce08

Browse files
MeronggkMeronggk
committed
add store
1 parent d10cede commit 6ebce08

File tree

5 files changed

+74
-25
lines changed

5 files changed

+74
-25
lines changed

‎css/style.css‎

Lines changed: 39 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -123,43 +123,61 @@ a {
123123
width: 50px;
124124
}
125125

126-
.ever {
126+
.socials {
127127
align-items: center;
128128
justify-content: center;
129129
text-align: center;
130130
color: #838994;
131-
131+
132132

133133
}
134134
.inc {
135135
text-align: center;
136136
font-size: 0.8rem;
137137
color: #838994;
138138
}
139-
/*.twitter {
140-
height: 30px;
141-
width: 30px;
142-
}
143-
144-
.facebook {
145-
height: 30px;
146-
width: 30px;
139+
.container{
140+
display: flex;
141+
justify-content: space-between;
142+
column-gap: 1.45rem;
143+
}
144+
145+
.buttonk {
146+
background-color: #E0633A;;
147+
color: white;
148+
align-items: center;
147149
}
148-
.instagram {
149-
height: 30px;
150-
width: 30px;
150+
.container p {
151+
margin-top: 14.5rem;
152+
font-size: 1.125rem;
153+
font-style: italic;
154+
display: flex;
155+
align-items: center;
156+
text-align: center;
157+
font-family: 'Roboto';
151158
}
152-
.never, .ever {
153-
align-items: center;
154-
justify-content: center;
159+
.container buttonk {
160+
margin-top: 1.25rem;
161+
font-size: 1.563rem;
162+
padding: 15px 32px;
155163
text-align: center;
156-
color: #838994;
157-
margin-top: 20px;
164+
display: inline-block;
165+
font-size: 16px;
166+
margin: 4px 2px;
167+
158168
}
169+
.kform {
170+
margin-top: 70px;
171+
}
172+
.container2 {
173+
position: absolute;
174+
width: 301px;
175+
height: 335px;
176+
left: 739px;
177+
top: 98px;
159178

160-
.
161-
}*/
162-
179+
background: url("../img/store-image_by-andrew-neel-unsplash.jpg");
180+
}
163181
/**
164182
* Add your custom styles below
165183
*

‎img/homepage-feature.png‎

395 KB
Loading

‎img/store-image_by-andrew-neel-unsplash.jpg‎

2.01 MB
Loading

‎index.html‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,10 +56,21 @@ <h2>Everyone needs a little Karma</h2>
5656
</div>
5757
</div>
5858

59-
</section>
59+
</section>
60+
<div class="container">
61+
<div>
62+
<img class="homeimage" src="/img/homepage-feature.png" alt="home">
63+
</div>
64+
<div class="paragraph">
65+
<p>"Wherever I am, I just don’t worry about my connection anymore!</p>
66+
<button class="buttonk">Get Karma today</button>
67+
</div>
68+
69+
</div>
70+
6071

61-
<section class="never">
62-
<div class="ever">
72+
<section class="ksocial">
73+
<div class="socials">
6374
<p>Join us on</p>
6475

6576

‎store.html‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,28 @@
2424
<img class="logo" src="img/karma-logo.svg" alt="karma-logo" width="26"/>
2525
</div>
2626
</nav>
27+
28+
<div class="container2">
29+
30+
<div class="form">
31+
<h1>Order your Karma wifi device today!</h1>
32+
</div>
33+
<div class="form1">
34+
<form class="info">
35+
<label for="fname">First name:</label>
36+
<input type="text" id="fname" name="fname" required>
37+
<label for="lname">Last name:</label>
38+
<input type="text" id="lname" name="lname" required>
39+
<label for="address">Address 1:</label>
40+
<input type="text" id="address1" name="address1" required>
41+
<label for="address2">Address 2:</label>
42+
<input type="text" id="address2" name="address2" required>
43+
</form>
44+
</div>
45+
</div>
46+
2747
<section class="never">
28-
<div class="ever">
48+
<div class="socials">
2949
<p>Join us on</p>
3050

3151

0 commit comments

Comments
 (0)