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
104 lines (96 loc) · 5.84 KB
/
index.html
File metadata and controls
104 lines (96 loc) · 5.84 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
102
103
104
<!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>JTA Embroidery</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<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" />
</head>
<body>
<section class="container">
<header class="header">
<img src="/images/JTA logo.png" alt="Logo" class="logo">
</header>
<nav class="navbar navbar-nav navbar-expand-lg p-2 mb-5 d-flex justify-content-center">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="/">Blog</a>
<a href="/">Contact Us</a>
</nav>
<main>
<article>
<header class="description mb-5">
<h1>Why You Should Use Our Embroidery Services</h1>
</header>
<section>
<header class="header_part1 mb-3">
<h2>We Use the Best Sotware to Digitize Your Designs</h2>
</header>
<img src="/images/HatchEmbroideryLogo_1.png" alt="Embroidery logo" class="mb-3">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus molestias exercitationem debitis magni neque, veritatis sunt laboriosam, est deleniti provident, nam nesciunt culpa id maxime deserunt iste ipsam ipsum minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus molestias exercitationem debitis magni neque, veritatis sunt laboriosam, est deleniti provident, nam nesciunt culpa id maxime deserunt iste ipsam ipsum minima.
</p>
</section>
</article>
<article>
<section >
<header class="header_part2 mb-3">
<h2>Your Designs Will Be Unique</h2>
</header>
<img src="/images/design.png" alt="Embroidery Design" class="mb-3">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus molestias exercitationem debitis magni neque, veritatis sunt laboriosam, est deleniti provident, nam nesciunt culpa id maxime deserunt iste ipsam ipsum minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus molestias exercitationem debitis magni neque, veritatis sunt laboriosam, est deleniti provident, nam nesciunt culpa id maxime deserunt iste ipsam ipsum minima.
</p>
</section>
</article>
<article>
<section>
<header class="header_part3 mb-3">
<h2>We Will Deliver On Time With The Best Quality</h2>
</header>
<img src="/images/embroidery-02.jpg" alt="Quality Embroidery" class="mb-3">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus molestias exercitationem debitis magni neque, veritatis sunt laboriosam, est deleniti provident, nam nesciunt culpa id maxime deserunt iste ipsam ipsum minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus molestias exercitationem debitis magni neque, veritatis sunt laboriosam, est deleniti provident, nam nesciunt culpa id maxime deserunt iste ipsam ipsum minima.
</p>
</section>
</article>
</main>
<footer>
<section class="footer_container">
<h2>Contact Us!</h2>
<address property="email">
<a href="mailto:[email protected]">[email protected]</a>
</address>
<address property="address" typeof="PostalAddress">
<p property="streetAddress">123 Meyer Street</p>
<p>
<span property="addressLocality">Paarl</span>,
<span property="addressRegion">WCape</span>,
<span property="postalCode">7646</span>
</p>
<p property="addressCountry">South Africa</p>
</address>
<p class="copyright">
Copyright © 2020 JTA Embroidery
</p>
</section>
</footer>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
</html>