Skip to content

Commit f6054e4

Browse files
paweltomaszewskisaucelabspaweltomaszewskisaucelabs
committed
add frame pages into demo app
1 parent 5b5d269 commit f6054e4

9 files changed

+422
-0
lines changed

‎public/frames/frame-content.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<frameset rows="170,*">
5+
<frame name="headerFrame" scrolling="auto" src="header.html">
6+
<frameset cols="20%, 80%">
7+
<frame name="leftFrame" scrolling="auto" src="sidebar.html">
8+
<frame name="mainFrame" scrolling="auto" src="main.html">
9+
</frameset>
10+
</frameset>
11+
</html>

‎public/frames/frame.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Merchant Detail Page</title>
5+
<meta content="width=device-width, initial-scale=1.0" name="viewport">
6+
<meta charset="UTF-8">
7+
</head>
8+
9+
<frameset>
10+
<frame name="contentFrame" scrolling="auto" src="frame-content.html">
11+
</frameset>
12+
<noframes>
13+
<body>
14+
<p>Your browser does not support frames.</p>
15+
</body>
16+
</noframes>
17+
</html>

‎public/frames/global.css

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
iframe, frame {
2+
border: none;
3+
}
4+
5+
body, html {
6+
height: 100%;
7+
margin: 0;
8+
padding: 0;
9+
}

‎public/frames/header.html

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<style>
5+
body {
6+
font-family: Arial, sans-serif;
7+
margin: 0;
8+
padding: 0;
9+
}
10+
11+
header {
12+
background-color: #333;
13+
color: white;
14+
padding: 10px 0;
15+
display: flex;
16+
justify-content: space-between;
17+
align-items: center;
18+
padding-left: 20px;
19+
padding-right: 20px;
20+
}
21+
22+
header img {
23+
height: 40px;
24+
}
25+
26+
nav ul {
27+
list-style-type: none;
28+
margin: 0;
29+
padding: 0;
30+
display: flex;
31+
}
32+
33+
nav ul li {
34+
margin: 15px;
35+
}
36+
37+
#home {
38+
margin: 0 15px;
39+
}
40+
41+
nav ul li a {
42+
color: white;
43+
text-decoration: none;
44+
font-size: 16px;
45+
}
46+
47+
nav ul li a:hover {
48+
text-decoration: underline;
49+
}
50+
</style>
51+
</head>
52+
<body>
53+
<header>
54+
<img
55+
alt="Logo"
56+
src="data:image/png;base64,UklGRlIDAABXRUJQVlA4TEUDAAAvP8FPEG/BoG0jSc4ef4wH5CsNBW3bSO5GbPwh3au4bduITvd/d9W7RchGkoqwb7AKb/D+NGvwcU8vA/ZQi0qKID9oDsg0Y1Pr3nfA5fFDJEJRJJ/ssNc7oz48qSQfC6P8BmGIeYgOyHXfhQTZttu2MZio2VZJdS8ULIqGn/7+1+duUvi4qYzoPyS2bSRJpS70cFDVvffzfNpeVh2v1rfbrfLtxDyvmp9ulX2fHB/z0yQH2vi9ftXq1Xj5/OV6aJ43ehY1V7d6ipvnz3aB86keA+cqSiLn0EjyxfTmxuOJztXjZOdbiZ3PJHaeS+wcGsFzLXgOoudG8Hwoem7o+Uj0HOk5iJ4v8Lmh5x0+nwz+e/Dfg/8eiHWKvXc83/MWB9659vA7t6R4erjwyyM3v+/Xpj72yRtXv/FSqudFcma1hwVzPnc6LI4zrA5lcZ6dFcWZ1obiOMNLfi6GM25ZFOd6iUI476MMzvwohbPeUABn36gczvemwXs7UCyA81/ju10YD8F1+9Ct63aikfN2YYvnduPkt/04uW1HquBZuoBn6YGepZHTdoXwLEV6lip4lkbwLC3pWWt6VkvPuqNniZ4lepYCPSvQswI9C5+Fz3f4HPH5hp51Qc8a0bMqem7x+QSfR/S8wed68N+D6K4v+u7wou9qX+3Sl+2Vq/bpy/a9q/bpy/bgvwfRvcLnSM+Gz3N8XuHzCT3bLT1bpGfb0rPhs+Gz4bPhsyV6ti092z092yU92wk924yeLdCzWYJnswjPZit6toDIHyUhf5TwbFYleDY7gWezHSB/fDE8mwU47qSfeNzFRci4o8Zs3NFT7GxmVcPOZhYSGHe2Boo77SsTd9t3JO76AOLOm/Bw9+0ax+3Fx1K4ZeKO75hAuLcPoSsQ7q1Jw8E9PmgZuN9GVwmAe2981RTee9Huy1VM5fb+VO1G+94k9l7aUzva4S/p/wCkzmo48LOVBv89+O/Bfw/++zehJ67aqTM9T3y1T2d6ntBzbfC8CfQ8MXj+Yb6Oe39G6+wMHi1ydqw8mt6a3gweTXRuHyc6X1dm5Jy+mRk5x6dlDtubZ7k5fX+6psv25RE1pziyp6A5racv1vPytl2fTIP9kmQA">
57+
<nav>
58+
<ul>
59+
<li><a href="#home">Home</a></li>
60+
<li><a href="#about">About</a></li>
61+
<li><a href="#services">Services</a></li>
62+
<li><a href="#contact">Contact</a></li>
63+
</ul>
64+
</nav>
65+
</header>
66+
67+
<main>
68+
<section id="home">
69+
<h1>Welcome to My Website</h1>
70+
<p>Explore our services and learn more about us!</p>
71+
</section>
72+
</main>
73+
</body>
74+
</html>

‎public/frames/iframe-content.html

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link href="global.css" rel="stylesheet">
5+
<style>
6+
#header {
7+
width: 100%;
8+
height: 170px;
9+
}
10+
11+
#container {
12+
display: flex;
13+
height: calc(100vh - 174px);
14+
}
15+
16+
#sidebar {
17+
width: 20%;
18+
height: 100%;
19+
border: none;
20+
}
21+
22+
#main {
23+
width: 80%;
24+
height: 100%;
25+
border: none;
26+
}
27+
</style>
28+
</head>
29+
30+
31+
<body>
32+
<iframe id="header" name="headerFrame" src="header.html">
33+
</iframe>
34+
<div id="container">
35+
<iframe id="sidebar" name="leftFrame" src="sidebar.html"></iframe>
36+
<iframe id="main" name="mainFrame" src="main.html"></iframe>
37+
</div>
38+
</body>
39+
</html>

‎public/frames/iframe.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Merchant Detail Page</title>
5+
<meta content="width=device-width, initial-scale=1.0" name="viewport">
6+
<meta charset="UTF-8">
7+
<link href="global.css" rel="stylesheet">
8+
</head>
9+
10+
<body>
11+
<iframe name="contentFrame" src="iframe-content.html" style="width: calc(100vw - 4px);height: calc(100vh - 4px);">
12+
</iframe>
13+
</body>
14+
</html>
15+

‎public/frames/index.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!-- Created for Visual testing -->
2+
3+
<!DOCTYPE html>
4+
<html>
5+
<head>
6+
<title>Visual test page</title>
7+
</head>
8+
9+
<body>
10+
<ul>
11+
<li>
12+
<a href="/iframe" id="iframe">iframe</a>
13+
</li>
14+
<li>
15+
<a href="/frame" id="frame">frame</a>
16+
</li>
17+
</ul>
18+
</body>
19+
</html>

‎public/frames/main.html

+129
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link href="global.css" rel="stylesheet">
5+
<style>
6+
body {
7+
font-family: Arial, sans-serif;
8+
padding: 20px;
9+
}
10+
11+
.section {
12+
margin-bottom: 20px;
13+
border-bottom: 1px solid #ccc;
14+
padding-bottom: 10px;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<h1>Merchant Detail</h1>
20+
<div class="section">
21+
<h2>Merchant Information</h2>
22+
<p><strong>Name:</strong> BlueSky Retailers</p>
23+
<p><strong>Merchant Number:</strong> 7450023156987</p>
24+
<p><strong>DBA Address:</strong> 45 Ocean Drive, Miami, FL 33101</p>
25+
<p><strong>Name:</strong> BlueSky Retailers</p>
26+
<p><strong>Merchant Number:</strong> 7450023156987</p>
27+
<p><strong>DBA Address:</strong> 45 Ocean Drive, Miami, FL 33101</p>
28+
<p><strong>Industry:</strong> Retail</p>
29+
<p><strong>Years in Business:</strong> 15</p>
30+
<p><strong>Store Locations:</strong> 20 across the U.S.</p>
31+
<p><strong>Monthly Revenue Growth:</strong> 5%</p>
32+
<p><strong>Customer Base:</strong> 500,000 active users</p>
33+
<p><strong>Top Products:</strong> Electronics, Apparel, Home Goods</p>
34+
<p><strong>Recent Awards:</strong> Best Retailer 2024</p>
35+
<p><strong>Employee Count:</strong> 200</p>
36+
<p><strong>Return Policy:</strong> 30-day free returns</p>
37+
<p><strong>Supplier Partnerships:</strong> 50+ global suppliers</p>
38+
<p><strong>Online Presence:</strong> E-commerce and social media</p>
39+
<p><strong>Marketing Budget:</strong> $500K per year</p>
40+
<p><strong>Customer Satisfaction Score:</strong> 92%</p>
41+
<p><strong>Annual Growth Rate:</strong> 12%</p>
42+
<p><strong>New Product Launches:</strong> 15 per year</p>
43+
<p><strong>Operational Efficiency Rating:</strong> High</p>
44+
<p><strong>Partnerships:</strong> Amazon, Walmart, Target</p>
45+
<p><strong>IT Infrastructure:</strong> Cloud-based ERP</p>
46+
<p><strong>Upcoming Expansions:</strong> Europe, Canada</p>
47+
</div>
48+
<div class="section">
49+
<h2>Owner Information</h2>
50+
<p><strong>Owner:</strong> Michael Lawson</p>
51+
<p><strong>Name:</strong> BlueSky Retailers</p>
52+
<p><strong>Merchant Number:</strong> 7450023156987</p>
53+
<p><strong>DBA Address:</strong> 45 Ocean Drive, Miami, FL 33101</p>
54+
<p><strong>Industry:</strong> Retail</p>
55+
<p><strong>Years in Business:</strong> 15</p>
56+
<p><strong>Store Locations:</strong> 20 across the U.S.</p>
57+
<p><strong>Monthly Revenue Growth:</strong> 5%</p>
58+
<p><strong>Customer Base:</strong> 500,000 active users</p>
59+
<p><strong>Top Products:</strong> Electronics, Apparel, Home Goods</p>
60+
<p><strong>Recent Awards:</strong> Best Retailer 2024</p>
61+
<p><strong>Employee Count:</strong> 200</p>
62+
<p><strong>Return Policy:</strong> 30-day free returns</p>
63+
<p><strong>Supplier Partnerships:</strong> 50+ global suppliers</p>
64+
<p><strong>Online Presence:</strong> E-commerce and social media</p>
65+
<p><strong>Marketing Budget:</strong> $500K per year</p>
66+
<p><strong>Customer Satisfaction Score:</strong> 92%</p>
67+
<p><strong>Annual Growth Rate:</strong> 12%</p>
68+
<p><strong>New Product Launches:</strong> 15 per year</p>
69+
<p><strong>Operational Efficiency Rating:</strong> High</p>
70+
<p><strong>Partnerships:</strong> Amazon, Walmart, Target</p>
71+
<p><strong>IT Infrastructure:</strong> Cloud-based ERP</p>
72+
<p><strong>Upcoming Expansions:</strong> Europe, Canada</p>
73+
</div>
74+
<div class="section">
75+
<h2>Contact Information</h2>
76+
<p><strong>Primary Contact:</strong> Jennifer Collins</p>
77+
<p><strong>Email:</strong> [email protected]</p>
78+
<p><strong>Name:</strong> BlueSky Retailers</p>
79+
<p><strong>Merchant Number:</strong> 7450023156987</p>
80+
<p><strong>DBA Address:</strong> 45 Ocean Drive, Miami, FL 33101</p>
81+
<p><strong>Industry:</strong> Retail</p>
82+
<p><strong>Years in Business:</strong> 15</p>
83+
<p><strong>Store Locations:</strong> 20 across the U.S.</p>
84+
<p><strong>Monthly Revenue Growth:</strong> 5%</p>
85+
<p><strong>Customer Base:</strong> 500,000 active users</p>
86+
<p><strong>Top Products:</strong> Electronics, Apparel, Home Goods</p>
87+
<p><strong>Recent Awards:</strong> Best Retailer 2024</p>
88+
<p><strong>Employee Count:</strong> 200</p>
89+
<p><strong>Return Policy:</strong> 30-day free returns</p>
90+
<p><strong>Supplier Partnerships:</strong> 50+ global suppliers</p>
91+
<p><strong>Online Presence:</strong> E-commerce and social media</p>
92+
<p><strong>Marketing Budget:</strong> $500K per year</p>
93+
<p><strong>Customer Satisfaction Score:</strong> 92%</p>
94+
<p><strong>Annual Growth Rate:</strong> 12%</p>
95+
<p><strong>New Product Launches:</strong> 15 per year</p>
96+
<p><strong>Operational Efficiency Rating:</strong> High</p>
97+
<p><strong>Partnerships:</strong> Amazon, Walmart, Target</p>
98+
<p><strong>IT Infrastructure:</strong> Cloud-based ERP</p>
99+
<p><strong>Upcoming Expansions:</strong> Europe, Canada</p>
100+
</div>
101+
<div class="section">
102+
<h2>Status</h2>
103+
<p><strong>Current Status:</strong> Active</p>
104+
<p><strong>Status Date:</strong> 06/15/2020</p>
105+
<p><strong>Name:</strong> BlueSky Retailers</p>
106+
<p><strong>Merchant Number:</strong> 7450023156987</p>
107+
<p><strong>DBA Address:</strong> 45 Ocean Drive, Miami, FL 33101</p>
108+
<p><strong>Industry:</strong> Retail</p>
109+
<p><strong>Years in Business:</strong> 15</p>
110+
<p><strong>Store Locations:</strong> 20 across the U.S.</p>
111+
<p><strong>Monthly Revenue Growth:</strong> 5%</p>
112+
<p><strong>Customer Base:</strong> 500,000 active users</p>
113+
<p><strong>Top Products:</strong> Electronics, Apparel, Home Goods</p>
114+
<p><strong>Recent Awards:</strong> Best Retailer 2024</p>
115+
<p><strong>Employee Count:</strong> 200</p>
116+
<p><strong>Return Policy:</strong> 30-day free returns</p>
117+
<p><strong>Supplier Partnerships:</strong> 50+ global suppliers</p>
118+
<p><strong>Online Presence:</strong> E-commerce and social media</p>
119+
<p><strong>Marketing Budget:</strong> $500K per year</p>
120+
<p><strong>Customer Satisfaction Score:</strong> 92%</p>
121+
<p><strong>Annual Growth Rate:</strong> 12%</p>
122+
<p><strong>New Product Launches:</strong> 15 per year</p>
123+
<p><strong>Operational Efficiency Rating:</strong> High</p>
124+
<p><strong>Partnerships:</strong> Amazon, Walmart, Target</p>
125+
<p><strong>IT Infrastructure:</strong> Cloud-based ERP</p>
126+
<p><strong>Upcoming Expansions:</strong> Europe, Canada</p>
127+
</div>
128+
</body>
129+
</html>

0 commit comments

Comments
 (0)