-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathvideos-general.html
125 lines (125 loc) · 8.67 KB
/
videos-general.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Videos - Contacta</title>
<script src="main.js" defer></script>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="/contactaicon.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oxygen">
</head>
<body>
<div class="portal_container">
<div class="portal_column1">
<div class="logoCol">
<svg class='dashboardLogo' class="dashboardIcon"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</svg>
<a href="index.html">
<svg class='dashIcon' id="homeIcon"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" />
</svg>
</a>
<a href="orderform.html">
<svg id="orderIcon"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
</a>
<a href="lalform.html">
<svg class="dashIcon" id="loopIcon"
xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Infinite</title><path d="M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c37.51 0 71-22.41 94-48M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-37.51 0-71 22.41-94 48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="52"/></svg> </svg>
</a>
<a href="warranty.html">
<svg id="warrantyIcon"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
</a>
<a href="rma.html">
<svg id="rmaIcon"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg> </a>
<a href="trainingform.html">
<svg class="dashIcon" id="trainingIcon"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M16.53,11.06L15.47,10L10.59,14.88L8.47,12.76L7.41,13.82L10.59,17L16.53,11.06Z" />
</svg>
</a>
<a href="visualiser.html">
<svg class="visualiserIcon"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codesandbox"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg> </svg>
</a>
<a href="#" onclick="toggle(1);">
<svg class="videoIcon"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
</a>
</div>
<div class="navCol">
<a href="index.html">
<img id="mainLogo" src="contactalogo.png" alt="contactaMainLogo"></img>
</a>
<li><a href="index.html">Home</a></li>
<li><a href="orderform.html">Purchase Order</a></li>
<li><a href="lalform.html">Loop Design</a></li>
<li><a href="warranty.html">Warranty</a></li>
<li><a href="rma.html">RMA Process</a></li>
<li><a href="trainingform.html">Training</a></li>
<li><a href="visualiser.html">Visualiser</a></li>
<li><a href="#" onclick="toggle(1);">Videos</a></li>
<ul class="submenu">
<li><a href="videos-install.html" class="submenuItem">• Installation</a></li>
<li><a href="videos-train.html" class="submenuItem">• Training</li></a>
<li><a href="videos-general.html" class="submenuItem">• How To</li></a>
</ul>
</div>
</div>
<div class="portal_column2">
<div class="headerRow">
<div class="headerColumns">
<img src="contactaicon.png" alt="The Contacta symbol" id="contactaIcon" class="grow">
<div class="dealerTitle">
<div class="bigText">Dealer Portal</div>
</div>
<div class="empty"></div>
<a href="https://www.facebook.com/ContactaSystems/">
<img src="./ava2.svg" alt="avatar#1" class="socialIcon">
</a>
<a href="https://twitter.com/ContactaSystems">
<img src="./ava3.png" alt="Twitter icon" class="socialIcon">
</a>
<a href="https://uk.linkedin.com/company/contacta-systems-ltd">
<img src="./ava4.png" alt="Linkedin icon" class="socialIcon">
</a>
<button class="button" onclick="loginWarning()" id="account">Account</button>
<button class="button" onclick="loginWarning()" id="settings">Settings</button>
<button class="button" onclick="loginWarning()" id="logout">Register</button>
<div class="empty"></div>
</div>
</div>
<div class="pricelistRow">
<div class="videoTextCont">
<div class="headline">
Videos: How To
</div>
<linebreakCont>
<div class="lineBreakHeadline"></div>
</linebreakCont>
<p class="videoText">
What is a Hearing Loop?
</p>
<div class="videoCont">
<iframe width="560" height="315" src="https://www.youtube.com/embed/E47-_Yo9-1Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<linebreakCont>
<div class="lineBreakHeadline"></div>
</linebreakCont> <p class="videoText">
How to use a Field Strength Meter?
</p>
<div class="videoCont">
<iframe width="560" height="315" src="https://www.youtube.com/embed/1mP44v90ZzY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</body>
</html>