-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·129 lines (95 loc) · 4.9 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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="Tobias, Birker, XI, Sport, Management, Soccer, Fussball, Player, Agent, FIFA, DFB, Spielervermittler, Social, Media, Beratung, Spieler, Verein, Club, Index">
<meta name="description" content="XI Sport Management">
<meta name="copyright" content="Tobias Birker -admin<at>xism.de-">
<title>XI Sport Management - Tobias Birker</title>
<style>
body {
background: lightblue;
}
.spalte {
color: white;
width: 300px;
height: 380px;
float: left;
padding: 10px;
background: gray;
margin: 30px;
opacity: 0.5;
}
.spalte:hover {
background: black;
opacity: 1.0;
}
.spalte_aktiv {
width: 600px;
}
.reihe {
width: 100%;
height: 380px;
float: left;
margin-top: 40px;
margin-left: 20%;
}
</style>
<script type='text/javascript'> //Tobi: Das modal-Ding habe ich auch mal ausprobiert, aber irgendwie habe ich da auch nicht das gew�nschte Ergebnis geschafft. Kannst du mir hier nochmal einen Hinweis geben, an welcher Stelle das Ganze �berhaupt eingebunden werden muss?
window.onload = function() {
document.getElementById('LINK1').onclick = function() {
document.getElementById('spalte2').classList.add('spalte_aktiv');
}
}
</script>
</head>
<body>
<div id='reihe1' class='reihe'>
<div id='spalte1' class='spalte'>WELCOME on xism.de
<p><span> </span><img alt="XISM Logo" src="SOURCE" width="175"/> </p>
<p>Tobias Birker</p>
<p>FIFA Player's Agent</p>
<p>XI Sport Management<br/>Keferloherstr. 53<br/>80809 Munich<br/>GERMANY</p>
<p>Phone: +49 89 / 120 921 57<br/>Mobil: +49 176 / 317 319 56<br/>Skype: miztert<br/>E-Mail: [email protected]</p>
<p><a href="http://www.xing.com/profile/Tobias_Birker2" target="_blank"><img alt="Tobias Birker" height="15" src="http://www.xing.com/img/buttons/14_en_btn.gif" width="80"/></a><br/><a href="http://www.linkedin.com/profile/view?id=143304171" target="_blank"> <img alt="View Tobias Birker's profile on LinkedIn" border="0" height="15" src="http://www.linkedin.com/img/webpromo/btn_profile_greytxt_80x15.png" width="80"/></a></p>
</div>
<div id='spalte2' class='spalte'>CLIENTS
<p></p>
<p>under construction</p>
<p>under consturction</p>
<p>under consturction</p>
<p>see full list here:<a href=[TRANSFERMARKT] target="_blank" ></p>
<a href='' id='LINK1'>CLICK ME</a>
</div>
<div id='spalte3' class='spalte'>MANAGEMENT
<p>I'm interested in supporting every player (independent of age) as a <u><b>player-agent</b></u> with the optimal assistance for your development phases and career management.</p>
<p>As a <u><b>headhunter</b></u> I espacially want to support young players from all over the globe. I want to assist you in finding the right club for the perfect promotion of your talent. </p>
<p>To make sure that I have all necessary information from you when a request from some club arrives please fill out the form for the player register <a href="....">here</a></p> //Tobi: Verlinkung auf Player.php, wie genau binde ich das sinnvoll ein?
<p>(The information is only for internal usage!!!)</p>
</div>
</div>
<div id='reihe2' class='reihe'>
<div id='spalte4' class='spalte'>SERVICE
<p><u><b>Player Register</b></u></p> //Tobi: Verlinkung auf Player.php, wie genau binde ich das sinnvoll ein?
<p>This service could be used by every player, even pro or amateur. <a href="....">Here</a> you have the opportunity to create a full account with all the necessary information about your person and your soccer background. As soon as your details fit with some requested characteristics we are able to offer you to the club.</p>
<p></p>
<p><u><b>Social Media Consulting</b></u></p>
<p>With useful information, case studies and recommended proceedures for all your social media activities (e.g. Facebook, Twitter etc.) your get prepared to communicate perfect with all your supporters around the globe and offer some priceless benefits!</p>
</div>
<div id='spalte5' class='spalte'>MEDIA
<p><a title="Videos" target="_blank" href="/vids">Videos</a></p> //Tobi: ist zu einem sp�teren Zeitpunkt angedacht
<p><a title="Photos" target="_blank" href="/photos">Photos</a></p> //Verlinkung Flicker bzw. Facebook-Fanpage
<p><a title="Links" target="_blank" href="/links">Links</a></p> //Tobi: Werde ich wohl ohne Verlinkung nutzen und direkt an dieser Stelle Links einbauen.
</div>
<div id='spalte6' class='spalte'>CONTACT
<form action="contactmail.php"> //Tobi:Ist die Verlinkung zum PHP so richtig?
<p align="right">Name:<input name="name" type="text" size="30" maxlength="30" value="John"></p>
<p align="right">Surname:<input name="surname" type="text" size="30" maxlength="40" value="Doe"></p>
<p align="right">E-Mail:<input name="mail" type="text" size="30" maxlength="50" value="[email protected]"></p>
<p align="right">Message:<br>
<textarea name="message" cols="30" rows="10" maxlength="1000"></textarea>
<input type="submit" value="send">
</form>
</div>
</div>
</body>
</html>