-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhoro.html
163 lines (140 loc) · 5.06 KB
/
horo.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
158
159
160
161
162
163
<html>
<head>
<title> hroscope</title>
<meta charset="utf-8">
<meta name="description" content="Job Forum" >
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">
<style>
.a{
opacity: 0.3;
filter: alpha(opacity=100);
vertical-align:middle;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
text-align:center;
margin: 100px 0 0 400px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #b03060;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: red;
}
.active {
background-color: #DDA0DD;
}
</style>
</head>
<body>
<header >
<div class="hh" style="background-color:pink;">
<img src="logo (3).png" style="width:100px;">
<img src="a.png" style="width:300px;">
</div>
<ul>
<li><a class="active" href="#home">Horoscope</a></li>
<li><a href="contactus.html">Contact us</a></li>
<li><a href="test1.html">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#news">Dream Search</a></li>
<li><a href="signup.html">Meet Astrologer</a></li>
</ul>
<h1 style="color: red; font-family:cursive;">
<i>KNOW YOUR TODAY'S HOROSCOPE</i>
</h1>
</header>
<div class="a" >
<img src="okay.jpg"/>
</div>
<div class="form-group" >
<label class="col-md-2 control-label" style="top:-200px; left:20px;">Month</label>
<div class="col-md-4 selectContainer" style="top:-200px; left:20px;">
<div class="input-group">
<select name="month" class="form-control selectpicker" >
<option value=" " >Please select your month</option>
<option>January</option>
<option>February</option>
<option >March</option>
<option >April</option>
<option >May</option>
<option >June</option>
<option >July</option>
<option >August</option>
<option >September</option>
<option> October</option>
<option >November</option>
<option >December</option>
</select>
</div>
</div>
</div>
<div class="form-group" >
<label class="col-md-2 control-label" style="top:-200px; left:100px;">Date</label>
<div class="col-md-4 selectContainer" style="top:-200px; left:100px;">
<div class="input-group">
<select name="month" class="form-control selectpicker" >
<option value=" " >Please select your date</option>
<option>1</option>
<option>2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
<option >7</option>
<option >8</option>
<option >9</option>
<option>10</option>
<option >11</option>
<option >12</option>
<option>13</option>
<option>14</option>
<option >15</option>
<option >16</option>
<option >17</option>
<option >18</option>
<option >19</option>
<option >20</option>
<option >21</option>
<option>22</option>
<option >23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
</div>
</div>
</div>
<h1 style="color:black; font-family:cursive; top:-150px; position: relative;">
<i>AQUARIUS</i>
</h1>
<p style="color:black; font-family:cursive; font-size: 15px; position: relative; top: -100px;">
Feel free to strike out for new territory today, Aquarius, especially when it comes to love and romance. It could be that you're so scared of losing what you have that you refuse to take risks to obtain something better that you want. Realize that you will never get any further than the rut you're in until you take a deep breath, aim high, and shoot for your dreams.
That new group of people you've been spending most of your evenings and weekends with? Well, since history repeats itself, you probably won't have any problem believing this, but they're about to ask you to take on more responsibility -- to help them keep the group organized. Of course, you secretly love all this, so don't even pretend to hate it. Just smile and say thank you.
You possess a nice quality of eloquence. Today, you will make a speech/presentation or conduct a discussion forum where everyone will love to hear your opinions. Your communication skill will help you get through the heart of someone you like. But, do not blow your own trumpet all the time.
</p>
</body>
</html>