MS2/sofas.html at master · ElJefe111944/MS2 · GitHub

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sonnenaufgang - Furniture</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
		integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
	<link rel="stylesheet" href="assets/css/style.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
		integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
		integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
		integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<script>
		function Delete(e){
	        let items = [];
	        JSON.parse(localStorage.getItem('items')).map(data=> {
	            if(data.id != e.parentElement.parentElement.children[0].textContent){
	            items.push(data);

	           }
	        });
	        localStorage.setItem('items', JSON.stringify(items));
	        window.location.reload();
	    }
	</script>
</head>

<body>
<div id="preLoader">

</div>
	<header class="header-normal">
		<!---Company Logo-->
			<h2 class="logo-normal"><a href="index.html">Sonnenaufgang</a></h2>
		<!---Nav Bar-->
		<nav>
			<div class="shoppingCartIcon">
				<p>0</p>
				<i class="fas fa-shopping-cart"></i>
			</div>
			<a href="#" id="menu" class="menu"><i class="fas fa-bars"></i></a>

			<div class="links one" id="links">
				<a href="index.html">Home</a>
				<a href="sofas.html">Our Sofas</a>
				<a href="reviews.html">Reviews</a>
				<a href="contact-us.html">Contact Us</a>
			</div>

			</nav>
		<!--End of Nav bar-->
		<!---Main Content at center of page-->

		<!--Left-->
		<div class="row row-cols-1 row-cols-md-2">
			<div class="col mb-4">
				<div class="card">
					<img src="assets/images/sofa1.jpg" class="card-img-top" alt="...">
					<div class="card-body">
						<h5 class="card-title">Santoshi</h5>
						<p>€<span>750</span></p>
						<p class="card-text">The Santoshi Two Seater is a 100% Leather and comes with a 10 year guarantee.</p>
						<button type="button" class="btn btn-dark addToShoppingCartBtn">Add to Shopping Cart</button>
					</div>
				</div>
			</div>
			<div class="col mb-4">
				<div class="card">
					<img src="assets/images/sofa2.jpg" class="card-img-top" alt="...">
					<div class="card-body">
						<h5 class="card-title">Arena Blanca</h5>
						<p>€<span>700</span></p>
						<p class="card-text">An Right Hand Facing Open Arm Fabrica Corner Sofa.</p>
						<button type="button" class="btn btn-dark addToShoppingCartBtn">Add to Shopping Cart</button>
					</div>
				</div>
			</div>
			<div class="col mb-4">
				<div class="card">
					<img src="assets/images/sofa3.jpg" class="card-img-top" alt="...">
					<div class="card-body">
						<h5 class="card-title">Durazno</h5>
						<p>€<span>950</span></p>
						<p class="card-text">A Two Seater Fabric Lounger Avavlible In Different Colours. Also Comes With An 8 Year Guarantee.</p>
						<button type="button" class="btn btn-dark addToShoppingCartBtn">Add to shopping Cart</button>
					</div>
				</div>
			</div>
			<div class="col mb-4">
				<div class="card">
					<img src="assets/images/sofa4.jpg" class="card-img-top" alt="...">
					<div class="card-body">
						<h5 class="card-title">Cuero Moderno</h5>
						<p>€<span>1,650</span></p>
						<p class="card-text">A Five Seater Right Hand Facing Leather Counter Sofa. AvavlibleFor Limited Time only. Also Comes With A 5 Year Guarantee.</p>
						<button type="button" class="btn btn-dark addToShoppingCartBtn">Add to Shopping Cart</button>
					</div>
				</div>
			</div>
            <div class="col mb-4">
				<div class="card">
					<img src="assets/images/sofa5.jpg" class="card-img-top" alt="...">
					<div class="card-body">
						<h5 class="card-title">Madera</h5>
						<p>€<span>1,500</span></p>
						<p class="card-text">A Three Seater Leather Soda. Only Avalible In Brown.</p>
						<button type="button" class="btn btn-dark addToShoppingCartBtn">Add to Shopping Cart</button>
					</div>
				</div>
			</div>
            			<div class="col mb-4">
				<div class="card">
					<img src="assets/images/sofa6.jpg" class="card-img-top" alt="...">
					<div class="card-body">
						<h5 class="card-title">tramonto</h5>
						<p>€<span>1,899</span></p>
						<p class="card-text">A Two Piece LeatherSofa. Avavlible In White and Black and Comes With A 8 Year Guarantee. </p>
						<button type="button" class="btn btn-dark addToShoppingCartBtn">Add to Shopping Cart</button>
					</div>
				</div>
			</div>
		</div>
	</header>
	<div class="shoppingCart">
		<div class="basket">
			<i class="fas fa-times-circle"></i>
						<h1>Shopping Cart</h1>
            <table class="table table-striped"></table>

		</div>
	</div>

	<div class="wave-normal">
		<!-- Generated by https://smooth.ie/blogs/news/svg-wavey-transitions-between-sections -->

		<div style="height: 150px; overflow: hidden;"><svg viewBox="0 0 500 150" preserveAspectRatio="none"
				style="height: 100%; width: 100%;">
				<path d="M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z"
					style="stroke: none; fill: #131212;"></path>
			</svg></div>

	</div>


	<script src="assets/js/nav-links.js"></script>
	<script src="assets/js/shopping-cart.js"></script>
    <script src="assets/js/preloader.js"></script>
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-sm quick-links">
					<h3>Menu</h3>
					<a href="index.html">Home</a>
					<a href="sofas.html">Our Sofas</a>
					<a href="reviews.html">Reviews</a>
                    <a href="contact-us.html">Contact Us</a>
			</div>
				<div class="col-sm about-us">
					<h3>About Us</h3>
					<p>Founded in 1884 Sonnenaufgang has evolved from a small family run buisness in Muncih to one of Europe's most popular Sofa specialists. In 1884 our Sofas were famous
                    for being handmade and qulity tested. Which still remains the same to this day. our mission is to find the prefect Sofa for you.</p>
                    <a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f social-media"></i></a>
                    <a href="https://twitter.com/explore" target="_blank"><i class="fab fa-twitter social-media"></i></a>
                    <a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram social-media"></i></a>
                    <a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube social-media"></i></a>
                    <a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in social-media"></i></a>

				</div>
				<div class="col-sm contact-details">
					<h3>Contact Us</h3>
                    <p><i class="fas fa-phone contact-icons"></i>+49 30 901820</p>
                    <p><i class="fas fa-map-marker-alt contact-icons"></i>Marienplatz<br>München<br>80331<br>Germany</p>
                    <br>
                    <p class="copyright">&copy; 1970 Sonnenaufgang</p>

				</div>
			</div>
		</div>
	</footer>
    </body>
</html>