index.html•12.8 kB
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="GLOBALCORPは、革新的な技術とグローバルなソリューションで、お客様のビジネスの成長をサポートします。AI・IoT・クラウドを活用した最新のテクノロジーで、未来を創造します。">
<meta name="keywords" content="GLOBALCORP, グローバル企業, テクノロジー, AI, IoT, クラウド, システム開発, セキュリティ">
<meta name="author" content="GLOBALCORP">
<meta name="robots" content="index, follow">
<meta property="og:title" content="グローバル企業 - 革新と成長の未来へ">
<meta property="og:description" content="GLOBALCORPは、革新的な技術とグローバルなソリューションで、お客様のビジネスの成長をサポートします。">
<meta property="og:image" content="images/og-image.jpg">
<meta property="og:url" content="https://www.globalcorp.com">
<meta property="og:type" content="website">
<title>グローバル企業 - 革新と成長の未来へ | GLOBALCORP</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="icon" type="image/png" href="images/favicon.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "GLOBALCORP",
"url": "https://www.globalcorp.com",
"logo": "https://www.globalcorp.com/images/logo.png",
"description": "GLOBALCORPは、革新的な技術とグローバルなソリューションで、お客様のビジネスの成長をサポートします。",
"address": {
"@type": "PostalAddress",
"streetAddress": "大手町1-1-1",
"addressLocality": "千代田区",
"addressRegion": "東京都",
"postalCode": "100-0004",
"addressCountry": "JP"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "03-1234-5678",
"contactType": "customer service"
},
"sameAs": [
"https://twitter.com/globalcorp",
"https://facebook.com/globalcorp",
"https://linkedin.com/company/globalcorp"
]
}
</script>
</head>
<body>
<header class="main-header">
<nav class="nav-container" role="navigation" aria-label="メインナビゲーション">
<div class="logo">
<a href="index.html">
<h1>GLOBAL<span>CORP</span></h1>
</a>
</div>
<div class="nav-toggle" aria-label="メニューを開く" role="button" tabindex="0">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-menu">
<li><a href="#about">会社概要</a></li>
<li><a href="#services">製品・サービス</a></li>
<li><a href="#resources">社内リソース</a></li>
<li><a href="#news">ニュース</a></li>
<li><a href="#contact" class="contact-btn">お問い合わせ</a></li>
</ul>
</nav>
</header>
<main role="main">
<section id="hero" class="hero-section">
<div class="hero-content">
<h2>未来を創造する<br>グローバルソリューション</h2>
<p>革新的な技術と豊富な経験で、<br>お客様のビジネスの成長をサポートします</p>
<a href="#contact" class="cta-button">お問い合わせ</a>
</div>
</section>
<section id="about" class="about-section">
<div class="container">
<h2 class="section-title">会社概要</h2>
<div class="about-content">
<div class="about-text">
<p>GLOBALCORPは、1980年の創業以来、革新的なソリューションを提供し続けてきました。世界30カ国以上に拠点を持ち、10,000人以上の従業員が働いています。</p>
<ul class="company-stats">
<li><span class="stat">40</span>年以上の実績</li>
<li><span class="stat">30</span>カ国以上の拠点</li>
<li><span class="stat">10,000</span>人以上の従業員</li>
</ul>
</div>
</div>
</div>
</section>
<section id="services" class="services-section">
<div class="container">
<h2 class="section-title">製品・サービス</h2>
<div class="services-grid">
<div class="service-card">
<i class="fas fa-microchip"></i>
<h3>先端技術ソリューション</h3>
<p>AI・IoT・クラウドを活用した最新のテクノロジーソリューション</p>
</div>
<div class="service-card">
<i class="fas fa-cogs"></i>
<h3>システム開発</h3>
<p>お客様のニーズに合わせたカスタムシステムの開発</p>
</div>
<div class="service-card">
<i class="fas fa-shield-alt"></i>
<h3>セキュリティ対策</h3>
<p>包括的なセキュリティソリューションの提供</p>
</div>
</div>
</div>
</section>
<section id="resources" class="resources-section">
<div class="container">
<h2 class="section-title">社内リソース</h2>
<div class="resources-grid">
<div class="resource-card" data-resource="rd">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="images/rd-facility.jpg" alt="最新の研究設備を備えた研究開発施設の外観" loading="lazy">
<h3>研究開発施設</h3>
<p>最新の研究設備と専門家チームによる革新的な技術開発</p>
<a href="resources/rd.html" class="learn-more">詳しく見る</a>
</div>
<div class="resource-card" data-resource="training">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="images/training.jpg" alt="充実した設備を備えた研修施設でのトレーニングの様子" loading="lazy">
<h3>人材育成プログラム</h3>
<p>グローバル人材の育成と継続的な能力開発支援</p>
<a href="resources/training.html" class="learn-more">詳しく見る</a>
</div>
<div class="resource-card" data-resource="tech">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="images/tech-resource.jpg" alt="最先端のテクノロジーを活用した開発環境" loading="lazy">
<h3>技術リソース</h3>
<p>最先端の技術インフラと開発環境の提供</p>
<a href="resources/tech.html" class="learn-more">詳しく見る</a>
</div>
<div class="resource-card" data-resource="welfare">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="images/welfare.jpg" alt="従業員の健康とワークライフバランスをサポートする福利厚生施設" loading="lazy">
<h3>福利厚生施設</h3>
<p>従業員の健康とワークライフバランスをサポート</p>
<a href="resources/welfare.html" class="learn-more">詳しく見る</a>
</div>
</div>
</div>
</section>
<section id="news" class="news-section">
<div class="container">
<h2 class="section-title">ニュース</h2>
<div class="news-grid">
<article class="news-card">
<div class="news-date">2024.03.15</div>
<h3>新しい研究開発施設をシリコンバレーに開設</h3>
<p>AI研究の拠点として最新の設備を完備</p>
<a href="#" class="read-more">続きを読む</a>
</article>
<article class="news-card">
<div class="news-date">2024.03.01</div>
<h3>次世代クラウドサービスの提供開始</h3>
<p>より柔軟で安全なクラウドソリューション</p>
<a href="#" class="read-more">続きを読む</a>
</article>
<article class="news-card">
<div class="news-date">2024.02.15</div>
<h3>年間売上高が過去最高を記録</h3>
<p>グローバル展開の成功により大幅な成長を達成</p>
<a href="#" class="read-more">続きを読む</a>
</article>
</div>
</div>
</section>
<section id="contact" class="contact-section">
<div class="container">
<h2 class="section-title">お問い合わせ</h2>
<div class="contact-content">
<form id="contact-form" class="contact-form" role="form" aria-label="お問い合わせフォーム">
<div class="form-group">
<label for="name">お名前</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">メールアドレス</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="subject">件名</label>
<input type="text" id="subject" name="subject" required>
</div>
<div class="form-group">
<label for="message">メッセージ</label>
<textarea id="message" name="message" required></textarea>
</div>
<button type="submit" class="submit-btn">送信する</button>
</form>
</div>
</div>
</section>
</main>
<footer class="main-footer" role="contentinfo">
<div class="container">
<div class="footer-content">
<div class="footer-info">
<h2>GLOBALCORP</h2>
<p>〒100-0004<br>東京都千代田区大手町1-1-1</p>
<p>TEL: 03-1234-5678</p>
</div>
<div class="footer-links">
<ul>
<li><a href="#about">会社概要</a></li>
<li><a href="#services">製品・サービス</a></li>
<li><a href="#resources">社内リソース</a></li>
<li><a href="#news">ニュース</a></li>
<li><a href="#contact">お問い合わせ</a></li>
</ul>
</div>
<div class="footer-social">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 GLOBALCORP All Rights Reserved.</p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>