-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
132 lines (108 loc) · 4.58 KB
/
index.php
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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サイトのタイトル</title>
<link rel="stylesheet" type="text/css" href="css/recru_lp.css" />
</head>
<body>
<header>
<div id="wrapper1">
<h1><img src="img_lp/web_verticalLogo.png" alt="web_verticalLogo" width="186" height="53"></h1>
<nav id="nav1">
<ul id="list">
<li>Home</li>
<li>About</li>
<li>Blog</li>
<li>Contact</li>
<li><a href="timeline.php"><img src="img_lp/web_loginButton.png" alt="web_loginButton" width="106" height="34"></a></li>
</ul>
</nav>
</div> <!--id="warapper1"-->
</header>
<!--2段落目・写真近辺-->
<div id="wrapper2">
<img id="bgImage" src="img_lp/web_mainImage.png" alt="web_mainImage">
<div id="center">
<h2 id="z1">就職氷河期、1人で乗り越えますか?</h2>
<h4 id="z2">就活で仲間と助けあうためのSNS</h4>
<a href="timeline.php"><img id="z3" src="img_lp/web_fbButton.png" alt="web_fbButton" width="215" height="40"></a>
</div><!--id="center"-->
</div><!--id="wrapper2"-->
<!--3段落目-->
<div id="wrapper3">
<div id="copywrite">
<h2>時代は就職氷河期</h2>
<p>リクルーはヒヤッとした就活を</br>ちょっとだけホットにするSNS</p>
</div><!--id="copy_wright"が終了-->
<div id="wrapper4"><!--クマ3つを囲む-->
<table cellspacing="150px">
<tr valign="top">
<td>
<div id="bear1"><!--bear1-->
<ul id="ul_css1" class="list">
<li><img src="img_lp/web_iconBear1.png" alt="web_iconBear1" width="195" height="195"></li>
<li><h3>知り合いとだけ共有</h3></li>
<li><p>facebookで繋がりのある友人とだけ情報の共有を行うため、信用できる情報だけが集まります。</p></li>
</ul>
</div><!--id="bear1"が終了-->
</td>
<td>
<div id="bear2"><!--bear2-->
<ul id="ul_css2" class="list">
<ll><img src="img_lp/web_iconBear2.png" alt="web_iconBear2" width="195" height="195"></li>
<ll><h3>外では知り得ない</br>情報をゲット</h3></li>
<li><p>クローズドなSNSであるため、外ではなかなか共有のできないマル秘話が聞けるかもしれません。(機密情報は守りましょう)</p></li>
</ul>
</div><!--id="bear2"が終了-->
</td>
<td>
<div id="bear3"><!--bear3-->
<ul id="ul_css3" class="list">
<li><img src="img_lp/web_iconBear3.png" alt="web_iconBear3" width="195" height="195"></li>
<ll><h3>広告は一切無し</br>お金も必要無し</h3></li>
<li><p>リクルーでは広告表示も無ければ、白熊に対価を支払う必要もありません。ご安心してご利用ください。</p></li>
</ul>
</div><!--id="bear3"が終了-->
</td>
</tr>
</table><!--テーブルタグが終了-->
</div><!--id="wrapper4"が終了-->
</div>
<!--id="wrapper3"が終了-->
<!--4段落目-->
<div id="wrapper5">
<img id="section3_img" src="img_lp/web_3section.png" alt="web_3section">
<div id="wrapper6"><!--wrapper6始まり-->
<img id="vertical_logo" src="img_lp/web_iconBear4.png" alt="web_iconBear4" width="27" height="27">
<h2>iPhoneアプリも対応</h2>
<p>リクルーはPCプラットフォームだけでなく、モバイルアプリも標準実装</br>しています。ESを書いている最中に行き詰まったとき、面接が終わった後、</br>携帯電話を握りしめて選考結果のメールを待ちわびているときなど、</br>いつでもどこでもアプリを起動して情報を共有、収集が可能です。</p>
<img id="available_Button" src="img_lp/web_availableButton.png" alt="web_availableButton">
</div><!--id="wrapper6"が終了-->
</div>
<!--/wrapper5-->
<!--5段落目-->
<div id="wrapper7">
<h2>さっそくサービスを体験してみましょう</h2>
<div id="smartphone">
<img id="smartphone_img" src="img_lp/web_smartphone.png" alt="web_smartphone" width="514" height="325">
<img id="smartphone_explain" src="img_lp/web_checkText.png" alt="web_checkText" width="450" height="236">
</div><!--id="smartphone"が終了-->
</div>
<!--wrapper7-->
<!--6段落目-->
<div id="wrapper8">
<img id="section6_img" src="img_lp/web_4section.png" alt="web_4section" width="1200" height="159">
<div id="wrapper9">
<h3>ログインまたはアカウントを作成</h3>
<a href="timeline.php"><img src="img_lp/web_fbButton.png" alt="web_fbButton"></a>
</div><!--wrapper9-->
</div>
<!--wrapper8-->
<footer>
<div id="wrapper10">
<p>Copyright © Recru, 2014</p>
</div>
</footer>
</body>
</html>