-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (136 loc) · 5.38 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Professional Web design">
<meta name="keywords" content="web design, professional web design">
<meta name="author" content="Drazulica">
<title>Drazilica | Welcome</title>
<link rel="stylesheet" href="CSS/style.css">
<!-- W3 Animate Zoom -->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
</head>
<body id="body">
<header id="top">
<div class="container">
<span class="open-slide">
<a href="#" onclick="openSlideMenu()">
<svg width="30" height="30">
<path d="M0,5 30,5" stroke="#fff" stroke-width="5"/>
<path d="M0,14 30,14" stroke="#fff" stroke-width="5"/> <path d="M0,23 30,23" stroke="#fff" stroke-width="5"/>
</svg>
</a>
</span>
<div id="branding">
<a href="index.html"><i class="fas fa-university"></i><span class="highlight">Drazilica</span>Web</a>
</div>
<audio class="one" autoplay controls src="http://192.168.1.106:6565/SvedokVasione.mp3"></audio>
<audio class="two" autoplay controls src="http://192.168.1.106:5656/SVLive.mp3"></audio>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</div>
</header>
<!-- Sidenav mobilenav -->
<ul class="sidenav" id="mobile-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
</ul>
<!-- Showcase -->
<section id="showcase" class="w3-animate-opacity">
<div class="container intro-text">
<h1>Professional Web Radio</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in risus aliquet, laoreet erat eu, vehicula velit. Vivamus suscipit sit amet lorem sit amet mattis</p>
<button id="btn" class="w3-button w3-large">Customize Here</button>
</div>
<!-- W3-Model -->
<div id="model" class="w3-modal">
<div class="w3-modal-content w3-animate-zoom ">
<header class="w3-container w3-yellow">
<span onclick="document.getElementById('model').style.display='none'"
class="w3-button w3-display-topright">×</span>
<h2>Use JS App</h2>
</header>
<div class="w3-container">
<form class="w3-container w3-light-grey w3-text-dark-gray w3-margin w3-xlarge">
<h2 class="w3-center">Input field</h2>
<div class="w3-row w3-section">
<div class="w3-rest">
<input id="intro-text" class="w3-input w3-border" type="text" placeholder="Choose Your Intro Text">
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-rest">
<input id="intro-text-color" class="w3-input w3-border" type="text" placeholder="Choose Your Intro Text Color">
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-rest">
<input id="logo-title" class="w3-input w3-border" type="text" placeholder="Choose Your Logo">
</div>
</div>
<div class="w3-row w3-section">
<div class="w3-rest">
<input id="logo-color" class="logo-col w3-input w3-border" type="text" placeholder="Choose Your Logo Color">
</div>
</div>
<div class="new-backgrounds">
<div class="backg1"></div>
<div class="backg2"></div>
<div class="backg3"></div>
<div class="backg4"></div>
</div>
</form>
<div class="w3-container">
<button id="save-button" class="w3-button w3-container w3-xlarge w3-block w3-section w3-yellow w3-ripple w3-padding">Save</button>
</div>
</div>
</div>
</div>
</section>
<!-- Newsletter -->
<section id="newsletter">
<div class="container">
<h1>Subscribe to Our Radio <span class="current">SvedokVasione</span></h1>
<form>
<input type="email" placeholder="Enter Email...">
<button type="submit" class="button_1">Subscribe</button>
</form>
</div>
</section>
<!-- Boxes -->
<section id="boxes">
<div class="container">
<div class="box">
<img src="img/HTML5_Logo_512.png" alt="HTML5">
<h3>HTML5 Markup</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in risus aliquet, laoreet erat eu, vehicula velit. Vivamus suscipit sit amet lorem sit amet mattis</p>
</div>
<div class="box">
<img src="img/css3.png" alt="CSS3">
<h3>CSS3 Styling</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in risus aliquet, laoreet erat eu, vehicula velit. Vivamus suscipit sit amet lorem sit amet mattis</p>
</div>
<div class="box">
<img src="img/design.png" alt="Logo Design">
<h3>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in risus aliquet, laoreet erat eu, vehicula velit. Vivamus suscipit sit amet lorem sit amet mattis</p>
</div>
</div>
<div id="wrap" class="wrap-container"></div>
</section>
<footer>
<p><em>Drazilica</em>Web Design, Copyright © 2017</p>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.js">
</script>
<script src="JS/main.js"></script>
</body>
</html>