-
Notifications
You must be signed in to change notification settings - Fork 2
/
Daria.html
88 lines (71 loc) · 5.84 KB
/
Daria.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
<!DOCTYPE html>
<html>
<head>
<title>Try page</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<div>
<legend>Try page</legend>
<p>
<!--<label>Text box</label>-->
<input type = "text"
id = "name"
placeholder = "name" />
<input type = "text"
id = "e-mail"
placeholder = "e-mail" />
</p>
<p>
<button type="button" id="take" class="btn btn-info" onclick="takeFunction()">Take</button>
</p>
</div>
<script type="text/javascript">
function takeFunction(){
var x = document.getElementById("take");
var name = document.getElementById("name").value;
var email = document.getElementById("e-mail").value;
if(name=="" || email==""){
alert("Please enter your name and e-mail.");
location.reload();
}else{
location.replace("index.html");
}
//opening the main page
}
</script>
<img style="position:relative;" src="Map images/map.png" alt="" usemap="#Map" />
<p style="position:absolute; left:270px; top:280px; font-size: 30px">text</p>
<p style="position:absolute; left:180px; top:470px; font-size: 30px">text</p>
<p style="position:absolute; left:460px; top:480px; font-size: 30px">text</p>
<p style="position:absolute; left:380px; top:590px; font-size: 30px">text</p>
<p style="position:absolute; left:170px; top:700px; font-size: 30px">text</p>
<p style="position:absolute; left:670px; top:690px; font-size: 30px">text</p>
<p style="position:absolute; left:400px; top:750px; font-size: 30px">text</p>
<p style="position:absolute; left:650px; top:850px; font-size: 30px">text</p>
<p style="position:absolute; left:260px; top:920px; font-size: 30px">text</p>
<p style="position:absolute; left:470px; top:960px; font-size: 30px">text</p>
<p style="position:absolute; left:350px; top:1100px; font-size: 30px">text</p>
<p style="position:absolute; left:620px; top:1060px; font-size: 30px">text</p>
<map name="Map" id="Map">
<area alt="" title="" href="index.html" shape="poly" coords="286,39,288,46,282,21,310,18,320,45,353,47,380,61,398,28,415,37,412,73,427,109,412,136,388,150,448,292,395,279,363,330,344,314,381,261,329,259,320,250,296,250,269,206,241,227,214,214,215,249,203,274,185,277,169,269,151,285,132,275,169,204,173,181,201,114,262,111,265,86,274,54" />
<area alt="" title="" href="#" shape="poly" coords="420,305,433,318,465,308,480,330,474,344,502,363,526,347,552,352,553,369,539,388,550,415,547,429,526,430,505,445,505,460,409,356" />
<area alt="" title="" href="#" shape="poly" coords="262,232,266,262,291,259,315,280,357,272,329,317,299,330,344,375,336,391,309,403,311,429,315,445,305,455,290,462,294,482,268,478,253,451,230,478,199,434,183,471,158,435,132,469,114,474,106,462,91,463,78,452,54,447,48,432,82,420,75,400,95,381,82,359,104,341,124,350,129,330,143,328,150,302,171,290,189,298,226,285,228,264" />
<area alt="" title="" href="#" shape="poly" coords="396,301,386,375,412,393,522,477,563,440,580,520,576,558,565,579,536,577,507,525,492,534,467,526,422,548,402,525,390,533,378,520,349,530,295,545,289,516,310,496,311,472,336,457,332,430" />
<area alt="" title="" href="#" shape="poly" coords="704,662,709,626,759,640,815,647,835,584,817,552,777,555,736,575,720,545,701,512,667,510,638,510,643,497,625,506,601,505,593,524,600,564,580,593,614,638" />
<area alt="" title="" href="#" shape="poly" coords="481,742,488,742,501,664,522,658,538,652,559,647,571,647,583,649,592,653,594,659,599,653,601,641,598,625,591,616,586,609,573,604,552,600,531,600,513,603,505,609,498,612,491,560,479,554,458,550,435,553,417,555,384,552,377,563,367,572,356,594,345,629,327,689,323,719" />
<area alt="" title="" href="#" shape="poly" coords="148,495,159,459,169,462,184,488,204,465,213,486,217,498,233,505,248,489,269,492,281,503,269,516,268,533,263,551,277,567,289,588,288,613,296,575,305,558,326,548,335,566,314,568,320,589,302,594,305,623,285,634,302,683,241,735,206,702,201,710,122,585,96,576,74,564,62,530,76,505,73,490,88,493,97,478,120,494,138,485" />
<area alt="" title="" href="#" shape="poly" coords="162,966,169,951,196,954,204,992,268,959,301,951,331,936,374,926,401,931,423,955,459,982,483,1009,491,1024,496,1045,457,1043,428,1084,388,1075,361,1104,326,1098,317,1040,255,1034,222,1034,189,1033" />
<area alt="" title="" href="#" shape="poly" coords="184,938,205,900,182,900,240,782,194,777,204,731,257,761,293,727,313,752,318,776,397,753,417,798,368,789,344,852,304,877,316,902,306,930,272,909,262,935,243,933,230,951,210,965" />
<area alt="" title="" href="#" shape="poly" coords="324,887,339,906,393,886,437,920,431,931,511,959,503,986,548,965,554,899,616,892,608,857,633,837,588,761,429,753,430,822,394,807" />
<area alt="" title="" href="#" shape="poly" coords="557,675,653,693,719,683,724,652,750,687,842,673,820,699,766,774,725,859,636,813,601,741,520,738" />
<area alt="" title="" href="#" shape="poly" coords="573,999,617,902,647,861,704,867,710,894,675,912,705,941,699,1062,678,1064" />
</map>
</body>
</html3