forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
101 lines (84 loc) · 5.18 KB
/
index.html
File metadata and controls
101 lines (84 loc) · 5.18 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>VBC</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section id="background" class="background">
<header id="header" class="header">
<nav id="nav-bar" class="nav-bar">
<img src="https://i.etsystatic.com/isla/8df09f/37818353/isla_280x280.37818353_eunmjke0.jpg?version=0" id="header-img" class="logo" alt="VBC logo">
<ul class="underLine">
<li class="nav-link"><a href="#ABOUT-link" class="nav-link">ABOUT</a>
<li class="nav-link"><a href="https://www.etsy.com/shop/VBeautyCosmetic?link" class="nav-link">PRODUCTS</a>
<li class="nav-link"><a href="#CONTACT-link" class="nav-link">CONTACT</a></li>
</ul>
</nav>
</header>
<div id="main" class="main">
<h1 class="page"><i> WELCOME TO THE VBC WEB PAGE!</i>
<div>
We at VBC create products which are handmade and cruelty-free we value your custom and we believe in sharing what we do in the background
will give you more insight on the products made for you.</h1>
</div>
</div>
<div class="fling-minislide">
<img src="https://i.etsystatic.com/10325338/r/il/e022f4/2308177109/il_794xN.2308177109_9jdf.jpg" alt="hand with polish" >
<img src="https://i.etsystatic.com/10325338/r/il/bac620/2541882419/il_794xN.2541882419_2jfb.jpg" alt="Novelty bath bombs">
<img src="https://i.etsystatic.com/10325338/r/il/db9eef/2460326342/il_794xN.2460326342_llzx.jpg" alt=" Four pastel colour Nail polishes, displayed on nails and in the bottle.">
<img src="https://i.etsystatic.com/10325338/r/il/a743f9/2541847725/il_794xN.2541847725_aicz.jpg" alt="Skull head bath bombs">
<img src="https://i.etsystatic.com/10325338/r/il/d2cff6/2610571226/il_794xN.2610571226_70ss.jpg" alt="Assorted Novelty Christmas bath bombs and soap">
<img src="https://i.etsystatic.com/10325338/r/il/d3a6ce/2473886901/il_794xN.2473886901_5a17.jpg" alt="Assorted display of Nail polish">
</div>
<div class="info">
<article>
<h1>NAIL POLISH HISTORY</h1>
<p style="padding:2px 6px 4px 6px; color: #080808; border: #070707 2px solid">
If you really want to learn about the history of polish <a href="https://en.wikipedia.org/wiki/Nail_polish">Click here</a>. Mock words here on after...Lorem ipsum dolor sit amet consectetur adipisicing elit. Est, hic aliquid unde necessitatibus nihil possimus saepe error! Suscipit velit est consequatur error. Doloremque voluptatum neque provident minima consectetur excepturi quisquam.</p>
</article>
</div>
<div class="info">
<article>
<h1>BATH BOMBS</h1>
<p style="padding:2px 6px 4px 6px; color: #080808; border: #070707 2px solid">
They smell nice and they look nice too. For more visuals <a href="https://www.instagram.com/p/CGxr5PCD8Z2/">Click here</a>
Mock words here on after...Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aperiam fugit repellat impedit nulla. Beatae, nostrum molestias. Vel, vero, soluta unde tempora, fuga repudiandae voluptatum dolor provident.</p>
</article>
</div>
<div class="info">
<article>
<h1>VBC HISTORY</h1>
<p style="padding:2px 6px 4px 6px; color: #080808; border: #070707 2px solid">
<a href="https://www.etsy.com/shop/VBeautyCosmetic?section_id=23848511">Click here</a> for a brief history. Mock words here on after... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aperiam fugit repellat impedit nulla. Beatae, nostrum molestias. Vel, vero, soluta unde tempora, fuga repudiandae voluptatum dolor provident.</p>
</article>
</div>
<div class="container">
<div class="media">
<p><i><strong>SOCIALS</strong></i></p>
<ul>
<li><i class="fa fa-facebook-official fa-2x"></i></li>
<li><i class="fa fa-instagram fa-2x"></i></li>
<li><i class="fa fa-etsy fa-2x"></i></li>
</ul>
</div>
</div>
<div id="#CONTACT-link" class="h4"> For any further queries or information about orders or VBC please click the link to contact via email or Instagram.
<a href="https://www.etsy.com/shop/VBeautyCosmetic?link" target="_blank"><h4>VBC website</h4></a>
<footer>Copyright 2020 © VBC</footer>
</div>
</section>
</body>
</html>