PageSourceSearch

https://youandearth.com/service

html youandearth.com collected 2026-10-04 20:44:20 UTC 15,329 bytes, 284 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <title>ユー・アンド・アース株式会社 | サービス内容</title>
7    <meta content="width=device-width, initial-scale=1.0" name="viewport">
8    <meta content="サービス内容" name="keywords">
9    <meta content="ユー・アンド・アース株式会社は「ホットストラップ」や「ホットモバイリー」を運営しているOEM製品を中心とした会社です" name="description">
10
11    <!-- Favicon -->
12<link href="/img/favicon.jpg" rel="icon">
13
14<!-- Google Web Fonts -->
15<link rel="preconnect" href="https://fonts.googleapis.com">
16<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&family=Pacifico&display=swap" rel="stylesheet">
18
19<!-- Icon Font Stylesheet -->
20<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
21<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
22
23<!-- Libraries Stylesheet -->
24<link href="/lib/animate/animate.min.css" rel="stylesheet">
25<link href="/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
26<link href="/lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
27
28<!-- Customized Bootstrap Stylesheet -->
29<link href="/css/bootstrap.min.css" rel="stylesheet">
30
31<!-- Template Stylesheet -->
32<link href="/css/style.css?v=1.01" rel="stylesheet">
33
34<script type="text/javascript" src="//webfonts.sakura.ne.jp/js/sakurav3.js"></script>
34
35
36<style>
37
38body{
39  font-family: "ヒラギノ丸ゴ W4 JIS2004", sans-serif!important;
40  font-weight: normal;
41}
42        .fixed-font {
43            font-weight: medium;
44            font-weight: 400;
45        }
46        .fixed-font-bold {
47            font-weight: bold;
48        }
49</style>    <style>
50        @media (max-width: 768px) {
51            .w-75{
52                width: 100% !important;
53            }
54        }
55    </style>
56</head>
57
58<body>
59    <div class="container-xxl bg-white p-0">
60        <!-- Spinner Start -->
61        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
62            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
63                <span class="sr-only">Loading...</span>
64            </div>
65        </div>
66        <!-- Spinner End -->
67       
68        <!-- Navbar & Hero End -->
69         <!-- Navbar & Hero Start -->
70 <div class="container-xxl position-relative p-0">
71    <nav class="navbar navbar-expand-lg navbar-dark bg-dark px-4 px-lg-5 py-3 py-lg-0">
72        <a href="/" class="navbar-brand p-0">
73            <h1 class="text-primary m-0"><img src="/img/company_logo.webp?v=1.01" alt="Logo"></h1>
74        </a>
75        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
76            <span class="fa fa-bars"></span>
77        </button>
78        <div class="collapse navbar-collapse" id="navbarCollapse">
79            <div class="navbar-nav ms-auto py-0 pe-4">
80                <a href="/about" class="nav-item nav-link">会社情報</a>
81                <a href="/service" class="nav-item nav-link">サービス</a>
82                <a href="/ip_business" class="nav-item nav-link">オリジナルIP事業</a>
83                <a href="/works" class="nav-item nav-link">四つの理念</a>
84                <a href="/recruitment.php" class="nav-item nav-link">採用情報</a>
85                <a href="/blogs/lists" class="nav-item nav-link">公式メディア</a>
86            </div>
87            <a href="/contact" class="btn btn-primary py-2 px-4">お問い合わせ</a>
88        </div>
89    </nav>
90        <div class="container-xxl py-5 bg-dark hero-header mb-5">
91        <div class="container text-center my-5 pt-5 pb-4">
92            <h1 class="display-3 text-white mb-3 animated slideInDown">サービス</h1>
93            <nav aria-label="breadcrumb">
94                <ol class="breadcrumb justify-content-center text-uppercase">
95                    <li class="breadcrumb-item"><a href="/">Home</a></li>
96                    <li class="breadcrumb-item text-white active" aria-current="page">サービス</li>
97                </ol>
98            </nav>
99        </div>
100    </div>
101    </div>
102         <div class="container-xxl pt-5 pb-3">
103            <div class="container w-75 m-auto">
104                <div class="text-center wow fadeInUp mb-5" data-wow-delay="0.1s">
105                    <a href="https://hotstrap.jp/"><img src="img/HS_logo.webp" style="height: 100px;width: auto;" class="mb-2"></a>
106                </div>
107                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
108                    <h1 class="mb-5 w-75 m-auto">ネックストラップのことならお任せを</h1>
109                </div>
110                <div class="g-4 m-auto px-4">
111                    <p class="w-75 d-block m-auto fw-semibold fixed-font">ネックストラップを1本から、オリジナルで最短3営業日にて作成しています。会社名やロゴを名入れ印刷、吊り下げ名札の製作が可能です。</p>
112                </div>
113            </div>
114        </div>
115
116        <hr class="w-25 my-5 m-auto">
117
118        <div class="container-xxl pt-5 pb-3">
119            <div class="container w-75 m-auto">
120                <div class="text-center wow fadeInUp mb-5" data-wow-delay="0.1s">
121                    <a href="https://hotmobily.jp/"><img src="img/HM_logo.webp" style="height: 100px;width: auto;" class="mb-2"></a>
122                </div>
123                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
124                    <h1 class="mb-5 w-75 m-auto">欲しいが見つかる OEM製品のオーダーメイドサービス</h1>
125                </div>
126                <div class="g-4 m-auto px-4">
127                    <p class="w-75 d-block m-auto fw-semibold fixed-font">ホットモバイリーではアクリル、ラバー、マイクロファイバーなど様々なOEM製品を豊富に取り揃えております。</p>
128                </div>
129            </div>
130        </div>
131        
132        <hr class="w-25 my-5 m-auto">
133
134        <div class="container-xxl pt-5 pb-3">
135            <div class="container w-75 m-auto">
136                <div class="text-center wow fadeInUp mb-5" data-wow-delay="0.1s">
137                    <a href="https://hotstrapthai.com/"><img src="img/HSTH_logo.png" style="height: 100px;width: auto;" class="mb-2 bg-dark"></a>
138                </div>
139                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
140                    <h1 class="mb-5 w-75 m-auto">Hotstrap Thailand</h1>
141                </div>
142                <div class="g-4 m-auto px-4">
143                    <p class="w-75 d-block m-auto fw-semibold fixed-font">タイ国内で、オリジナルネックストラップを1本から製作することができます。社名やロゴを印刷したオリジナルIDケースの制作もお任せください。</p>
144                </div>
145            </div>
146        </div>
147
148        <hr class="w-25 my-5 m-auto">
149
150        <div class="container-xxl pt-5 pb-3">
151            <div class="container w-75 m-auto">
152                <div class="text-center wow fadeInUp mb-5" data-wow-delay="0.1s">
153                    <a href="https://hotmobilythai.com/"><img src="img/HMTH_logo.png" style="height: 100px;width: auto;" class="mb-2"></a>
154                </div>
155                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
156                    <h1 class="mb-5 w-75 m-auto">Hotmobily Thailand</h1>
157                </div>
158                <div class="g-4 m-auto px-4">
159                    <p class="w-75 d-block m-auto fw-semibold fixed-font">タイ国向けに、アクリル製品やラバー製品などのOEM製品を取り揃えております。</p>
160                </div>
161            </div>
162        </div>
163
164        <hr class="w-25 my-5 m-auto">
165
166        <div class="container-xxl pt-5 pb-3">
167            <div class="container w-75 m-auto">
168                <div class="text-center wow fadeInUp mb-5" data-wow-delay="0.1s">
169                    <a href="https://you-goods.com/"><img src="img/yg-logo.webp" style="height: 100px;width: auto;" class="mb-2"></a>
170                </div>
171                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
172                    <h1 class="mb-5 w-75 m-auto">You-goods</h1>
173                </div>
174                <div class="g-4 m-auto px-4">
175                    <p class="w-75 d-block m-auto fw-semibold fixed-font">
175北米向けオリジナルグッズ製作サイトです。アクリル製品やラバー製品などを、オリジナルのデザインで作ることができます。</p>
176                </div>
177            </div>
178        </div>
179
180        <hr class="w-25 my-5 m-auto">
181
182        <div class="container-xxl pt-5 pb-3">
183            <div class="container w-75 m-auto">
184                <div class="text-center wow fadeInUp mb-5" data-wow-delay="0.1s">
185                    <a href="https://silicone-wristband-studio.jp/"><img src="img/logo_sws_for_ye.webp" style="height: 100px;width: auto;" class="mb-2"></a>
186                </div>
187                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
188                    <h1 class="mb-5 w-75 m-auto">シリコンリストバンドスタジオ</h1>
189                </div>
190                <div class="g-4 m-auto px-4 text-center">
191                    <p class="w-75 d-block m-auto fw-semibold fixed-font">オリジナルのシリコンリストバンド制作を承っております。</p>
192                    <p class="w-75 d-block m-auto fw-semibold fixed-font">フェスやライブ、スポーツ大会などのイベントで大活躍のグッズです。</p>
193                </div>
194            </div>
195        </div>
196
197        
198        <!-- Navbar & Hero End -->
199        
200        <style>
201            .fs-6{
202                font-size: 0.5rem!important;
203            }
204        </style>
205        <!-- Footer Start -->
206        <div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
207            <div class="container py-5">
208                <div class="row g-5">
209                    <div class="col-lg-3 col-md-6">
210                        <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Company</h4>
211                        <a class="btn btn-link" href="/about">会社情報</a>
212                        <a class="btn btn-link" href="/service">サービス</a>
213                        <a class="btn btn-link" href="/works">四つの理念</a>
214                        <a class="btn btn-link" href="/recruitment.php">採用情報</a>
215                        <a class="btn btn-link" href="/blogs/lists">公式メディア</a>
216                        <div class=row>
217                            <div class="col-3">
218                                <a href="https://x.com/YKagayama37232" target="_blank"><img src="/img/x-icon.webp" class="w-100"></a>
219                            </div>
220                            <div class="col-3">
221                                <a href="https://www.instagram.com/youandearth_hitozukuri/" target="_blank"><img src="/img/IG_icon.webp" class="w-100"></a>
222                            </div>
223                        </div>
224                    </div>
225                    <div class="col-lg-3 col-md-6">
226                        <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Contact</h4>
227                        <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>東京都江東区青海2-4-32 TIME24ビル 10F 東1</p>
228                        <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>03-5500-2083</p>
229                    </div>
230                    <div class="col-lg-3 col-md-6">
231                        <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Opening</h4>
232                        <h5 class="text-light fw-normal">Monday - Friday</h5>
233                        <p>10.30AM - 19.30PM</p>
234                    </div>
235                    <div class="col-lg-3 col-md-6">
236                       <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Our website</h4>
237                       <a class="btn btn-link" href="https://hotmobily.jp/">ホットモバイリー</a>
238                       <a class="btn btn-link" href="https://hotstrap.jp/">ホットストラップ</a>
239                       <a class="btn btn-link" href="https://hotstrapthai.com/">ホットストラップ タイ</a>
240                       <a class="btn btn-link" href="https://hotmobilythai.com/">ホットモバイリー タイ</a>
241                       <a class="btn btn-link" href="https://you-goods.com/">Custom pvc keychains YG</a>
242                        <a class="btn btn-link" href="https://silicone-wristband-studio.jp/">シリコンリストバンドスタジオ</a>
243                    </div>
244                </div>
245            </div>
246            <div class="container">
247                <div class="copyright">
248                    <div class="row">
249                        <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
250                            &copy; <a class="border-bottom" href="#">You and earth co.,ltd.</a>, All Right Reserved. <br/>							
251							<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backl
251ink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
252							<p class="fs-6">Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a><br/>
253                            Distributed By <a class="border-bottom" href="https://themewagon.com" target="_blank">ThemeWagon</a></p>
254                        </div>
255                        <div class="col-md-6 text-center text-md-end">
256                            
257                        </div>
258                    </div>
259                </div>
260            </div>
261        </div>
262        <!-- Footer End -->
263
264
265        <!-- Back to Top -->
266        <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>    </div>
267
268    <!-- JavaScript Libraries -->
269    
269<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
269
270    
270<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
270
271    
271<script src="lib/wow/wow.min.js"></script>
271
272    
272<script src="lib/easing/easing.min.js"></script>
272
273    
273<script src="lib/waypoints/waypoints.min.js"></script>
273
274    
274<script src="lib/counterup/counterup.min.js"></script>
274
275    
275<script src="lib/owlcarousel/owl.carousel.min.js"></script>
275
276    
276<script src="lib/tempusdominus/js/moment.min.js"></script>
276
277    
277<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
277
278    
278<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>
278
279
280    <!-- Template Javascript -->
281    
281<script src="js/main.js"></script>
281
282</body>
283
284</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.