<?php
if(isset($_POST['send_data']))
{
	mb_language('Japanese');
	mb_internal_encoding('UTF-8');
	$name_kanji_family 	= htmlspecialchars($_POST['name_kanji_family'],ENT_QUOTES,'UTF-8');
	$name_kanji_given 	= htmlspecialchars($_POST['name_kanji_given'],ENT_QUOTES,'UTF-8');
	$name_kana_family 	= htmlspecialchars($_POST['name_kana_family'],ENT_QUOTES,'UTF-8');
	$name_kana_given 	= htmlspecialchars($_POST['name_kana_given'],ENT_QUOTES,'UTF-8');
	$tel 				= htmlspecialchars($_POST['tel'],ENT_QUOTES,'UTF-8');
	$email 				= htmlspecialchars($_POST['email'],ENT_QUOTES,'UTF-8');
	$skill_text 		= htmlspecialchars($_POST['skill_text'],ENT_QUOTES,'UTF-8');
	$file_path			= htmlspecialchars($_FILES['skill_file']['tmp_name'],ENT_QUOTES,'UTF-8');
	$file_name			= htmlspecialchars($_FILES['skill_file']['name'],ENT_QUOTES,'UTF-8');
	$file_type			= htmlspecialchars($_FILES['skill_file']['type'],ENT_QUOTES,'UTF-8');
	$tmp_path = sys_get_temp_dir();
	move_uploaded_file($file_path, $tmp_path.'/'.$file_name);
//	$subject = "フリーランス応募フォーム";
	$subject = $name_kanji_family .' ' .$name_kanji_given . '様';
	$to = "freelance@kproject.co.jp";
	$fromname = "株式会社ケープロジェクト";
	$fromaddress = "homepage@kproject.co.jp";

	require 'Mail.php';
	require 'Mail/mime.php';

	$params = array(
  		"host" => "mail.kproject.co.jp",
  		"port" => 587,
  		"auth" => true,
  		"username" => "homepage@kproject.co.jp",
  		"password" => "pG3J5ew2",
		);

	$mailObject =& Mail::factory("smtp", $params);
//管理者にメール
$body =  <<<EOM
ホームページより、以下のお問い合わせがありました。
ご担当の方はご対応をお願い致します。
なお、同様の確認メールはお問い合わせされた方のアドレスに自動で返信されて
います。

【お客様の情報】
お名前			：{$name_kanji_family}　{$name_kanji_given}
お名前(よみがな)		：{$name_kana_family}　{$name_kana_given}
連絡先(電話)		：{$tel}　
メールアドレス		：{$email}
スキルシート		：{$file_name}
スキルと経験：
{$skill_text}


以上です。
EOM;
$bodyParam = array(
	'head_charset' => 'UTF-8',
	'text_charset' => 'UTF-8',
	'html_charset'  => 'UTF-8',
	'text_encoding' => 'UTF-8',
);
$addHeaders = array(
  "To" 			=> $to,
  "From" 		=> "=?utf-8?B?".base64_encode($fromname)."?="." <".$fromaddress.">",
  "Subject" 	=> $subject,
);
$mimeObject = new Mail_mime();
$mimeObject->setTXTBody($body);
if($file_name <> '' || $file_name <> null)
{
	$mimeObject->addAttachment($tmp_path.'/'.$file_name,'',$file_name);
}
$body= $mimeObject->get($bodyParam);
$headers = $mimeObject->headers($addHeaders);


//お客様にメール
$kbody =  <<<EOM
{$name_kanji_family}　{$name_kanji_given} 様

お問い合わせをいただき誠にありがとうございます。
お送り頂きました内容につきましては、追って担当者よりご連絡をさせていただきます。
恐れ入りますが今しばらくお待ちくださいませ。
お急ぎの際は、お手数ですがお電話にてお問い合わせください。

【お問い合わせ内容】
お名前			：{$name_kanji_family}　{$name_kanji_given}
お名前(よみがな)		：{$name_kana_family}　{$name_kana_given}
連絡先(電話)		：{$tel}　
メールアドレス		：{$email}
スキルシート		：{$file_name}
スキルと経験：
{$skill_text}


※当メールはシステムより自動で返信しております。こちらのメールに返信いただいてもご対応できない可能性がございますので、ご注意ください。


--
株式会社ケープロジェクト
〒101-0021 東京都千代田区外神田3-14-3
福栄秋葉原ビル8階
TEL 03-3525-4178

EOM;


$ksubject = "【株式会社ケープロジェクト】フリーエンジニア向け案件情報・IT求人";

$kbodyParam = array(
	'head_charset' => 'UTF-8',
	'text_charset' => 'UTF-8',
	'html_charset'  => 'UTF-8',
	'text_encoding' => 'UTF-8',
	'html_encoding'	=> 'UTF-8',
);

$kaddHeaders = array(
  "To" 		=> $email,
  "From" 	=> "=?utf-8?B?".base64_encode($fromname)."?="." <".$fromaddress.">",
  "Subject" => $ksubject,
);
$mimeObject = new Mail_mime();
$mimeObject->setTXTBody($kbody);
$kbody= $mimeObject->get($kbodyParam);
$kheaders = $mimeObject->headers($kaddHeaders);


	if($mailObject->send($to, $headers, $body) && $mailObject->send($email, $kheaders, $kbody))
	{
//		unlink($tmp_path.'/'.$file_name);
		header('Location: thanks.html');
	}
	else
	{
		echo 'Message could not be sent.';
		echo 'Mailer Error: ' . $mail->ErrorInfo;
		exit;
	}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>フリーエンジニア向け案件情報・IT求人 | ケープロジェクト営業サービス</title>
<meta content="フリーエンジニア向け案件情報・IT求人 | ケープロジェクト営業エージェントサービス" name="title">
<meta content="フリーランスエンジニア向け案件情報・IT求人なら、IT業界22年の歴史を持つ信頼と実績のケープロジェクト営業エージェントサービスをご利用ください。案件のご紹介だけでなく、フリーランスエンジニアのなり方から確定申告の行い方、キャリア相談、スキルチェンジ相談まで圧倒的なフォロー体制の弊社にお任せください！！" name="description">
<meta content="フリーランス,個人事業主,フリーエンジニア,システムエンジニア,求人・案件" name="keywords">
<meta property="og:type" content="article"/>
<meta property="og:title" content="フリーエンジニア向け案件情報・IT求人 | ケープロジェクト営業エージェントサービス"/>
<meta property="og:description" content="フリーランスエンジニア向け案件情報・IT求人なら、IT業界22年の歴史を持つ信頼と実績のケープロジェクト営業エージェントサービスをご利用ください。案件のご紹介だけでなく、フリーランスエンジニアのなり方から確定申告の行い方、キャリア相談、スキルチェンジ相談まで圧倒的なフォロー体制の弊社にお任せください！！" />
<meta property="og:image" content="http://www.kproject.co.jp/images/fb_kp_logo.png" />
<meta property="og:url" content="https://www.kproject.co.jp/lp/freelance/" />
<meta property="og:site_name" content="株式会社ケープロジェクト ホームページ"/>
<meta property="og:locale" content="ja_JP" />
<meta property="fb:admins" content="kproject.co.jp" />

<!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- **Favicon** -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- **CSS - stylesheets** -->
<link id="default-css" href="/css/style.css" rel="stylesheet" media="all" />
<link id="shortcodes-css" href="/css/shortcodes.css" rel="stylesheet" media="all" />
<link id="skin-css" href="/skins/orange/style.css" rel="stylesheet" media="all" />
<!-- **Additional - stylesheets** -->
<link rel="stylesheet" href="/css/prettyPhoto.css" media="screen" />
<link rel="stylesheet" href="/css/revolution.css" media="screen" />
<link href="/css/responsive.css" rel="stylesheet" media="all" />
<!-- **Font Awesome** -->
<link rel="stylesheet" href="/css/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome-ie7.min.css">
<![endif]-->
<!-- **Google - Fonts** -->
<link href='//fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>


</head>
<body>
<!-- **Wrapper** -->
<div class="wrapper">
	<div id="header">
			<?php include_once "common-parts/top-bar.html" ?>
        <div class="container">
			<?php include_once "common-parts/logo.html" ?>
        </div>
	</div>
	<div id="content">
    	<!-- **Breadcrumb** -->
    	<section class="breadcrumb-section">
        	<div class="container">
            	<div class="breadcrumb">
                    <a href="/"> Home </a>
                    <span class="icon-chevron-right"> </span>
                    <h1> フリーエンジニア向け案件情報・IT求人 </h1>
                </div>
                <div class="main-phone-no">
                	<p> 03-3525-4178 <br> <a href="" title=""> freelance@kproject.co.jp </a> </p>
                </div>
            </div>
        </section><!-- **Breadcrumb** -->

        <!-- **Container** -->
        <div class="container">

        <!-- **Primary Section** -->
        <section id="primary" class="content-full-width">

        <!--
        	<div class="page-slider-container">
                <ul class="page-slider">
                    <li> <img src="images/main.jpg" alt="「ハイ・スキル」の方から「ロー･スキル」の方まで  安心のサポート体制で、あなたの活躍を応援します！" title="「ハイ・スキル」の方から「ロー･スキル」の方まで  安心のサポート体制で、あなたの活躍を応援します！"> </li>
                </ul>
            </div>
		-->
       <img src="images/main.jpg" alt="「ハイ・スキル」の方から「ロー･スキル」の方まで  安心のサポート体制で、あなたの活躍を応援します！" title="「ハイ・スキル」の方から「ロー･スキル」の方まで  安心のサポート体制で、あなたの活躍を応援します！">

       <div class="clear"> </div>
       <div class="hr-invisible-small"> </div>


        <div class="border-title"> <h2> 「ハイ・スキル」の方から「ロー･スキル」の方まで  安心のサポート体制で、あなたの活躍を応援します！ <span> </span> </h2> </div>


            <div class="column one-half">
                <div class="border-title"> <h2> 弊社が選ばれる理由 <span> </span> </h2> </div>
                <!-- **Toggle Frame Set** -->
                <div class="toggle-frame-set">
                	<div class="toggle-frame">
                        <h5 class="toggle-accordion"> <a href="#" title=""> 営業インセンティブ制度 </a> </h5>
                        <div class="toggle-content">
                        　　<h6>現場での営業活動にインセンティブをお支払いします。</h6>
                            <p>技術者として現場で認められ、後続の要員を受け入れてもらえる事ができれば、その分月額の報酬単価としてフィードバックしております。<br />
                    			<span>例えば...</span>現場で評価され弊社から後続要員の受け入れが実現すると、<br />月額の報酬単価をアップしています。
                            </p>
                        </div>
                    </div>
                	<div class="toggle-frame">
                        <h5 class="toggle-accordion"> <a href="#" title=""> ビジネス必須ツール利用可 </a> </h5>
                        <div class="toggle-content">
                        　　<h6>営業活動に必要なツール(名刺及びメールアドレス等)・費用は弊社で用意</h6>
                            <p>社会人として名刺やメールアドレスなどは持っておきたい、弊社で準備して欲しいというご要望にお応え致します。<br />
                    			<span>こんな人も...</span>現場で弊社にご紹介いただけそうな人との人脈作りの飲み会代など
                            </p>
                        </div>
                    </div>
                	<div class="toggle-frame">
                        <h5 class="toggle-accordion"> <a href="#" title=""> 確定申告講習会の開催 </a> </h5>
                        <div class="toggle-content">
                        　　<h6>「慣れれば簡単」な事務処理も一番最初は何が何だかわからないもの</h6>
                            <p>フリーランスとして、弊社で始めて参画された方を対象として、フリーランスとして知っておきたい事務処理の講習会を無料でおこなっております。  </p>
                        </div>
                    </div>
                	<div class="toggle-frame">
                        <h5 class="toggle-accordion"> <a href="#" title=""> 現金保障・前払い制度 </a> </h5>
                        <div class="toggle-content">
                        　　<h6>安心の現金保障制度。前払い制度もあります。</h6>
		                    <p>一般的に、プロジェクト毎に上位会社の支払いサイトに準じた支払い日となるのが普通ですが、弊社への上位会社からの入金が末締め翌々月末(60日サイト)など、少し遅くなる場合でも、弊社からの60日後の支払い予定の一部を先払いする仕組みもあります。</p>

                        </div>
                    </div>
                </div> <!-- **Toggle Frame Set - End** -->
            </div>

            <div class="column one-half last">
                <div class="border-title"> <h2> スキル別単金実績(月額単金平均) <span> </span> </h2> </div>

                <div class="progress progress-striped">
                	<div data-value="90" class="bar">
                    	<div class="bar-text"> PM &nbsp; PMO <span> 90万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped ">
                	<div data-value="95" class="bar">
                    	<div class="bar-text"> SAPコンサル <span> 95万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped ">
                	<div data-value="65" class="bar">
                    	<div class="bar-text"> SAP　開発エンジニア <span> 65万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped">
                	<div data-value="70" class="bar">
                    	<div class="bar-text"> サーバー系エンジニア <span> 70万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped">
                	<div data-value="75" class="bar">
                    	<div class="bar-text"> JAVA 開発エンジニア(SE) <span> 75万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped">
                	<div data-value="60" class="bar">
                    	<div class="bar-text"> JAVA 開発エンジニア(PG) <span> 60万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped">
                	<div data-value="65" class="bar">
                    	<div class="bar-text"> PHP 開発エンジニア <span> 65万円 </span> </div>
                    </div>
                </div>
                <div class="progress progress-striped">
                	<div data-value="70" class="bar">
                    	<div class="bar-text"> ネットワーク系エンジニア <span> 70万円 </span> </div>
                    </div>
                </div>
            </div>

            <div class="clear"> </div>
            <div class="hr-invisible"> </div>
        <div class="border-title"> <h2> 弊社にお問い合わせから案件参画までの流れ<span> </span> </h2> </div>

		<div class="column one-sixth">
			<i class="icon-edit" style="font-size:62px;"></i>
		</div>
		<div class="column five-sixth last">
			<h3>まずは、下記の入力フォームから必要項目を入力して送信</h3>
			<p>不明箇所や面倒な箇所は省略して入力して構いません。まずは、一度弊社にご連絡ください。</p>
		</div>
		<div class="clear"></div>
		<div class="hr-invisible" style="margin:10px;"> </div>

		<div class="column one-sixth">
			<i class="icon-user" style="font-size:62px;"></i>
		</div>
		<div class="column five-sixth last">
			<h3>弊社担当よりご連絡</h3>
			<p>弊社担当より、ご登録者様に連絡させていただき、弊社にお越しいただく日程の調整をさせていただきます。</p>
		</div>
		<div class="clear"></div>
		<div class="hr-invisible" style="margin:10px;"> </div>

		<div class="column one-sixth">
			<i class="icon-file" style="font-size:62px;"></i>
		</div>
		<div class="column five-sixth last">
			<h3>案件マッチングの認識合わせ</h3>
			<p>弊社にご来社いただき、ご登録者様の他社での営業状況や、希望単金、希望勤務地、今後の技術的な方向性など、ご登録者様の今後を見据えた提案ができるようヒアリングさせていただきます。<br >
			<span style="color:gray;">現在の案件参画状況により弊社にお越しいただく事が困難な場合には、個別にご相談ください。時間帯や日程によっては、ご指定いただいた場所に伺ってヒアリングさせていただく事も可能です。</span></p>
		</div>
		<div class="clear"></div>
		<div class="hr-invisible" style="margin:10px;"> </div>

		<div class="column one-sixth">
			<i class="icon-envelope" style="font-size:62px;"></i>
		</div>
		<div class="column five-sixth last">
			<h3>案件情報のご案内</h3>
			<p>後日、弊社の営業担当よりメールもしくはお電話にて案件情報のご案内をさせていただきます。ご案内では、可能な限り勤務地や勤務状況、従事内容などを詳細に共有させていただきます。</p>
		</div>
		<div class="clear"></div>
		<div class="hr-invisible" style="margin:10px;"> </div>

		<div class="column one-sixth">
			<i class="icon-briefcase" style="font-size:62px;"></i>
		</div>
		<div class="column five-sixth last">
			<h3>案件ご参画</h3>
			<p>ご登録者様にご同意いただいた案件に提案し、マッチングすれば晴れてご参画となります。<br >
			<span style="color:gray;">弊社では様々な特典をご用意しております。詳しくは担当営業までご確認ください。</span></p>
		</div>
		<div class="clear"></div>
		<div class="hr-invisible"> </div>


        <div class="border-title"> <h2> まずは無料でご登録。お気軽にご相談下さい <span> </span> </h2> </div>

		<a id ="input_form"></a>
        <div class="detailArea d03">
        	<h4>スキルシートでもテキストでもフォーマットは何でも構いません!!</h4>
            <p>まずは、弊社にあなたのスキルを教えてください。フォーマットはどのような形式でも構いません。弊社の営業担当が必ずあなたにあったプロジェクトを探してみせます。</p>
        </div>
		<form class="form-horizontal" role="form" id="formAction" enctype="multipart/form-data"  method="post">
          <div class="hr-invisible-very-small"> </div>
　	      <div class="column one-half">
	          <label for="name_kanji_family" class="col-sm-2 control-label">お名前（漢字）<span class="required"> * </span> </label>
  			  <input type="text" class="form-control" name="name_kanji_family" id="name_kanji_family" placeholder="姓" x-autocompletetype="surname" required>　
		   </div>
　	       <div class="column one-half last">
               <label for="name_kanji_given" class="col-sm-2 control-label"></label>
			   <input type="text" class="form-control" name="name_kanji_given" id="name_kanji_given" placeholder="名" x-autocompletetype="given-name" required>
　　	  </div>

          <div class="hr-invisible-very-small"> </div>
　	      <div class="column one-half">
	   	    <label for="name_kana_family" class="col-sm-2 control-label">お名前（よみがな）</label>
    	      <input type="text" class="form-control" name="name_kana_family" id="name_kana_family" placeholder="せい" required>
		   </div>
　	       <div class="column one-half last">
               <label for="name_kana_given" class="col-sm-2 control-label">&nbsp;</label>
		      <input type="text" class="form-control" name="name_kana_given" id="name_kana_given" placeholder="めい" required>
　　	  </div>
          <div class="hr-invisible-very-small"> </div>

          	<div class="column one-column">
		    <label for="tel" class="col-sm-2 control-label">電話番号</label>
		      <input type="text" class="form-control alphabet" name="tel" id="tel" pattern="0\d{1,4}{1,4}{4}" x-autocompletetype="phone-national" placeholder="03-3525-4178" >
		      <span class="help-block"><span class="label label-default">例&nbsp;&nbsp;</span>080 1234 5678, 09012345678, 03-1234-5678</span>

		   </div>
          <div class="hr-invisible-very-small"> </div>

          	<div class="column one-column">
		    <label for="email" class="col-sm-2 control-label">メールアドレス）<span class="required"> * </span> </label>
		      <input type="email" class="form-control alphabet" name="email" id="email" pattern="^[^0-9][a-zA-Z0-9_]+*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,4}$" x-autocompletetype="email" placeholder="info@kproject.co.jp" required>
		      <span class="help-block"><span class="label label-default">例&nbsp;&nbsp;</span>test@example.com</span>
　　	  </div>
          <div class="hr-invisible-very-small"> </div>

       	<div class="column one-column">
		    <label for="skill_file" class="col-sm-2 control-label">スキルシート</label><br >
		      <input type="file" class="form-control" name="skill_file" id="skill_file"><br >
		      <span class="help-block">スキルシートをお持ちの方はスキルシートをアップロードしてください。フォーマットやファイル形式は自由です。</span>
　　	  </div>
          <div class="hr-invisible-very-small"> </div>


          	<div class="column one-column">
					    <label for="skill_text" class="col-sm-2 control-label">スキル(自由形式)</label>
					      <span class="help-block"><p>スキルシートをお持ちで無い方は、こちらのフォームからスキルと経験を記載してください。<br >
					      		こちらも、フォーマットは自由です。参考となるフォーマットが必要な方は「<a id="text_skills" href="javascript:void(0)" onclick="show_text();">こちら</a>」からフォーマットをコピーしてください。</p></span>
					      <textarea class="form-control" name="skill_text" id="skill_text" rows="15">  </textarea>
　　	  </div>
           <div class="hr-invisible-small"> </div>
	    <input type="submit" name ="send_data" id="submit" value="送　信" onclick="return window.confirm('こちらの入力内容を送信します。宜しいでしょうか？');">
           <div class="hr-invisible-small"> </div>
		</form>

        </section><!-- **Primary Section** -->
 	</div><!-- **Container** -->

    </div><!-- **Main - End** -->

</div>

<div id="footer">

    	<div class="container">

            <div class="column">
            	<aside class="widget">
                    <h3 class="widgettitle"> <a href="" title=""> Contact Info </a> </h3>
                	<p>  <span class="icon-building"> </span> <strong>Address</strong> : 8F, Fukuei Akihabara Bldg., 3-14-3, Sotokanda,  Chiyoda Ku, Tokyo, Japan </p>
                    <p> <span class="icon-phone"> </span> Phone : 03-3525-4178 </p>
                    <p> <span class="icon-envelope-alt"> </span> Email : <a href="mailto:freelance@kproject.co.jp"> freelance@kproject.co.jp </a> </p>
                    <p> <span class="icon-globe"> </span> Website : <a href="" title=""> www.kproject.co.jp </a> </p>
                </aside>
            </div>

    </div>

    <div class="copyright">
    	<div class="container">
            <p><a href="/" title="株式会社ケープロジェクトホームページ"> Home </a> | <a href="/recruit/" title="ケープロジェクト採用情報"> 採用情報 </a> | <a href="/contact/" title="通常お問い合わせフォーム">お問い合わせ</a> | <a href="/aboutus/detail.html" title="ケープロジェクト会社概要">会社概要</a> | Copyright &copy;<?php echo date('Y'); ?>  K-Project. All rights reserved.</p>
        </div>
    </div>

</div>
<?php include_once "common-parts/analyticstracking.html" ?>


<!-- **jQuery** -->
<script src="/js/modernizr-2.6.2.min.js"></script>
<script src="/js/jquery.js"></script>

<script src="/js/jquery.mobilemenu.js"></script>
<script src="/js/jquery.bxslider.min.js"></script>
<script src="/js/jquery.carouFredSel-6.2.0-packed.js"></script>
<script src="/js/jquery.viewport.js"></script>
<script src="/js/twitter/jquery.tweet.min.js"></script>
<script src="/js/custom.js"></script>

<script src="js/jquery.xdomainajax.js"></script>
<script type="text/javascript" src="js/function.js"></script>
<script type="text/javascript" src="js/form.js"></script>
</body>
</html>