Skip to content

Commit afb0d8b

Browse files
vimodevimode
committed
updated username
1 parent 6573a68 commit afb0d8b

File tree

47 files changed

+1153
-750
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+1153
-750
lines changed

‎3-column-preview-card-component/index.html

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,23 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<!-- displays site properly based on user's device -->
68

79
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
810

911
<link rel="stylesheet" href="/3-column-preview-card-component/style.css">
10-
12+
1113
<title>3-column preview card component</title>
1214

1315
</head>
16+
1417
<body>
15-
18+
1619
<main class="container">
17-
20+
1821
<section class="card-component">
1922
<div class="card box-one" tabindex="0">
2023
<img src="/3-column-preview-card-component/images/icon-sedans.svg" alt="sedan icon" class="img-sedan">
@@ -48,11 +51,12 @@ <h2 class="card-title">Luxury</h2>
4851
<footer class="footer">
4952
Challenge by
5053
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a
51-
href="https://github.com/ppusher/frontend-mentor-challenges">ppusher</a>
54+
href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>
5255
</footer>
5356

5457

5558
</main><!-- container-->
5659

5760
</body>
61+
5862
</html>

‎article-preview-component/index.html

Lines changed: 34 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67

78
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
89

@@ -15,6 +16,7 @@
1516
<title>Frontend Mentor | Article preview component</title>
1617

1718
</head>
19+
1820
<body>
1921

2022
<div class="container">
@@ -26,44 +28,58 @@ <h1 class="article-title inside">
2628
Shift the overall look and feel by adding these wonderful
2729
touches to furniture in your home
2830
</h1>
29-
31+
3032
<p class="article-content inside">
3133
Ever been in a room and felt like something was missing? Perhaps
3234
it felt slightly bare and uninviting. I’ve got some simple tips
3335
to help you make any room feel complete.
3436
</p>
35-
37+
3638
<section class="author-att inside">
37-
38-
<img src="/article-preview-component/images/avatar-michelle.jpg" alt="Michelle Appleton" class="author-img">
39-
40-
39+
40+
<img src="/article-preview-component/images/avatar-michelle.jpg" alt="Michelle Appleton" class="author-img">
41+
42+
4143
<address class="author-date">
4244
<h4 class="author-name">Michelle Appleton</h4>
43-
<time datetime= "2020-06-28">28 Jun 2020</time>
45+
<time datetime="2020-06-28">28 Jun 2020</time>
4446
</address>
4547

4648
<div class="share-box hidden">
4749
<h3>Share</h3>
48-
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#FFF" d="M18.896 0H1.104C.494 0 0 .494 0 1.104v17.793C0 19.506.494 20 1.104 20h9.58v-7.745H8.076V9.237h2.606V7.01c0-2.583 1.578-3.99 3.883-3.99 1.104 0 2.052.082 2.329.119v2.7h-1.598c-1.254 0-1.496.597-1.496 1.47v1.928h2.989l-.39 3.018h-2.6V20h5.098c.608 0 1.102-.494 1.102-1.104V1.104C20 .494 19.506 0 18.896 0z"/></svg></a>
49-
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"><path fill="#FFF" d="M20 2.172a8.192 8.192 0 01-2.357.646 4.11 4.11 0 001.804-2.27 8.22 8.22 0 01-2.605.996A4.096 4.096 0 0013.847.248c-2.65 0-4.596 2.472-3.998 5.037A11.648 11.648 0 011.392 1a4.109 4.109 0 001.27 5.478 4.086 4.086 0 01-1.858-.513c-.045 1.9 1.318 3.679 3.291 4.075a4.113 4.113 0 01-1.853.07 4.106 4.106 0 003.833 2.849A8.25 8.25 0 010 14.658a11.616 11.616 0 006.29 1.843c7.618 0 11.922-6.434 11.663-12.205A8.354 8.354 0 0020 2.172z"/></svg></a>
50-
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#FFF" d="M10 0C4.478 0 0 4.477 0 10c0 4.237 2.636 7.855 6.356 9.312-.088-.791-.167-2.005.035-2.868.182-.78 1.172-4.97 1.172-4.97s-.299-.6-.299-1.486c0-1.39.806-2.428 1.81-2.428.852 0 1.264.64 1.264 1.408 0 .858-.545 2.14-.828 3.33-.236.995.5 1.807 1.48 1.807 1.778 0 3.144-1.874 3.144-4.58 0-2.393-1.72-4.068-4.177-4.068-2.845 0-4.515 2.135-4.515 4.34 0 .859.331 1.781.745 2.281a.3.3 0 01.069.288l-.278 1.133c-.044.183-.145.223-.335.134-1.249-.581-2.03-2.407-2.03-3.874 0-3.154 2.292-6.052 6.608-6.052 3.469 0 6.165 2.473 6.165 5.776 0 3.447-2.173 6.22-5.19 6.22-1.013 0-1.965-.525-2.291-1.148l-.623 2.378c-.226.869-.835 1.958-1.244 2.621.937.29 1.931.446 2.962.446 5.522 0 10-4.477 10-10S15.522 0 10 0z"/></svg></a>
50+
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
51+
<path fill="#FFF"
52+
d="M18.896 0H1.104C.494 0 0 .494 0 1.104v17.793C0 19.506.494 20 1.104 20h9.58v-7.745H8.076V9.237h2.606V7.01c0-2.583 1.578-3.99 3.883-3.99 1.104 0 2.052.082 2.329.119v2.7h-1.598c-1.254 0-1.496.597-1.496 1.47v1.928h2.989l-.39 3.018h-2.6V20h5.098c.608 0 1.102-.494 1.102-1.104V1.104C20 .494 19.506 0 18.896 0z" />
53+
</svg></a>
54+
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17">
55+
<path fill="#FFF"
56+
d="M20 2.172a8.192 8.192 0 01-2.357.646 4.11 4.11 0 001.804-2.27 8.22 8.22 0 01-2.605.996A4.096 4.096 0 0013.847.248c-2.65 0-4.596 2.472-3.998 5.037A11.648 11.648 0 011.392 1a4.109 4.109 0 001.27 5.478 4.086 4.086 0 01-1.858-.513c-.045 1.9 1.318 3.679 3.291 4.075a4.113 4.113 0 01-1.853.07 4.106 4.106 0 003.833 2.849A8.25 8.25 0 010 14.658a11.616 11.616 0 006.29 1.843c7.618 0 11.922-6.434 11.663-12.205A8.354 8.354 0 0020 2.172z" />
57+
</svg></a>
58+
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
59+
<path fill="#FFF"
60+
d="M10 0C4.478 0 0 4.477 0 10c0 4.237 2.636 7.855 6.356 9.312-.088-.791-.167-2.005.035-2.868.182-.78 1.172-4.97 1.172-4.97s-.299-.6-.299-1.486c0-1.39.806-2.428 1.81-2.428.852 0 1.264.64 1.264 1.408 0 .858-.545 2.14-.828 3.33-.236.995.5 1.807 1.48 1.807 1.778 0 3.144-1.874 3.144-4.58 0-2.393-1.72-4.068-4.177-4.068-2.845 0-4.515 2.135-4.515 4.34 0 .859.331 1.781.745 2.281a.3.3 0 01.069.288l-.278 1.133c-.044.183-.145.223-.335.134-1.249-.581-2.03-2.407-2.03-3.874 0-3.154 2.292-6.052 6.608-6.052 3.469 0 6.165 2.473 6.165 5.776 0 3.447-2.173 6.22-5.19 6.22-1.013 0-1.965-.525-2.291-1.148l-.623 2.378c-.226.869-.835 1.958-1.244 2.621.937.29 1.931.446 2.962.446 5.522 0 10-4.477 10-10S15.522 0 10 0z" />
61+
</svg></a>
5162
</div>
5263

5364
<button class="share-btn">
54-
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13"><path class="share-icon" fill="#6E8098" d="M15 6.495L8.766.014V3.88H7.441C3.33 3.88 0 7.039 0 10.936v2.049l.589-.612C2.59 10.294 5.422 9.11 8.39 9.11h.375v3.867L15 6.495z"/></svg>
65+
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13">
66+
<path class="share-icon" fill="#6E8098"
67+
d="M15 6.495L8.766.014V3.88H7.441C3.33 3.88 0 7.039 0 10.936v2.049l.589-.612C2.59 10.294 5.422 9.11 8.39 9.11h.375v3.867L15 6.495z" />
68+
</svg>
5569
</button>
56-
57-
</section> <!--author att -->
58-
70+
71+
</section>
72+
<!--author att -->
73+
5974
</article> <!-- main -->
6075
<div class="footer">
6176
Challenge by
6277
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a
63-
href="https://github.com/ppusher/frontend-mentor-challenges">ppusher</a>.
78+
href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>.
6479
</div>
6580
</div> <!-- container-->
66-
67-
81+
82+
6883
</body>
84+
6985
</html>

‎base-apparel-coming-soon/index.html

Lines changed: 28 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<!-- displays site properly based on user's device -->
68

79
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
810
<!-- CUSTOM CSS -->
@@ -11,45 +13,51 @@
1113
<title> Base Apparel coming soon page</title>
1214

1315
</head>
16+
1417
<body>
1518
<div class="container">
1619

1720
<div class="main">
1821
<img class="logo" src="/base-apparel-coming-soon/images/logo.svg" alt="Base Apparel">
1922

20-
<img src="/base-apparel-coming-soon/images/hero-mobile.jpg" class=
21-
"mobile-img" alt="">
22-
23-
<h1 class="main-title inner-container"><span>We're</span>
23+
<img src="/base-apparel-coming-soon/images/hero-mobile.jpg" class="mobile-img" alt="">
24+
25+
<h1 class="main-title inner-container"><span>We're</span>
2426
coming <br> soon
2527
</h1>
26-
28+
2729
<p class="main-content inner-container">
2830
Hello fellow shoppers! We're currently building our new fashion store.
2931
Add your email below to stay up-to-date with announcements and our launch deals.
3032
</p>
31-
32-
<form id= "form" autocomplete="on" class="inner-container" novalidate >
33-
<input required type="email" placeholder="Email Address" aria-label="Email Address" id = "email" name="user_email" pattern='^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$' />
34-
<img class="error-icon"src="/base-apparel-coming-soon/images/icon-error.svg" alt="error">
35-
<button type="submit" class = "btn"><img class="arrow-icon" src="/base-apparel-coming-soon/images/icon-arrow.svg" alt="arrow"> </button>
36-
<p class="error-text">Please provide a valid email</p>
37-
<div class="toast-success"><p>Success. Great success! <br> Thank you</p></div>
33+
34+
<form id="form" autocomplete="on" class="inner-container" novalidate>
35+
<input required type="email" placeholder="Email Address" aria-label="Email Address" id="email" name="user_email"
36+
pattern='^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$' />
37+
<img class="error-icon" src="/base-apparel-coming-soon/images/icon-error.svg" alt="error">
38+
<button type="submit" class="btn"><img class="arrow-icon" src="/base-apparel-coming-soon/images/icon-arrow.svg"
39+
alt="arrow"> </button>
40+
<p class="error-text">Please provide a valid email</p>
41+
<div class="toast-success">
42+
<p>Success. Great success! <br> Thank you</p>
43+
</div>
3844
</form>
3945

40-
46+
4147
<footer class="footer">
4248
Challenge by
4349
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a
44-
href="https://github.com/ppusher/frontend-mentor-challenges">ppusher</a>
50+
href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>
4551
</footer>
46-
47-
</div> <!--main-->
48-
49-
52+
53+
</div>
54+
<!--main-->
55+
56+
5057
<div class="hero-img"></div>
5158
</div> <!-- container-->
5259

53-
<script src="/base-apparel-coming-soon/script.js" defer></script>
60+
<script src="/base-apparel-coming-soon/script.js" defer></script>
5461
</body>
62+
5563
</html>

‎blogr-landing-page/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ <h2>Powerful tooling</h2>
202202
<div class="att">
203203
Challenge by
204204
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor.</a> Coded by <a
205-
href="https://github.com/ppusher/frontend-mentor-challenges">ppusher</a>
205+
href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>
206206
</div>
207207

208208
</footer>

‎bookmark-landing-page/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -275,7 +275,7 @@ <h1>Stay up-to-date with what we’re doing</h1>
275275
<div class="att">
276276
Challenge by
277277
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor.</a> Coded by <a
278-
href="https://github.com/ppusher/frontend-mentor-challenges">ppusher</a>
278+
href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>
279279
</div>
280280
</footer>
281281

0 commit comments

Comments
 (0)