contact

html youandearth.com collected 2026-10-04 20:44:19 UTC 16,181 bytes, 290 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="ã¦ã¼ã»ã¢ã³ãã»ã¢ã¼ã¹æ ªå¼ä¼ç¤¾ã¸ã®ãåãåããã¯ãã¡ãã¾ã§ãè£½åãæ³¨æã«ã¤ãã¦ã¯æ¬ãã¼ã¸ã§ã¯ãçãã§ãã¾ãããåç¨®ãµã¼ãã¹ã®çªå£ã¾ã§ãé¡ããã¾ãã" 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>

vendor: 199 bytes, lines 55-57

55
56    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
57    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

58</head>
59
60<body>
61    <div class="container-xxl bg-white p-0">
62        <!-- Spinner Start -->
63        <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">
64            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
65                <span class="sr-only">Loading...</span>
66            </div>
67        </div>
68        <!-- Spinner End -->
69
70        <!-- Navbar & Hero End -->
71         <!-- Navbar & Hero Start -->
72 <div class="container-xxl position-relative p-0">
73    <nav class="navbar navbar-expand-lg navbar-dark bg-dark px-4 px-lg-5 py-3 py-lg-0">
74        <a href="/" class="navbar-brand p-0">
75            <h1 class="text-primary m-0"><img src="/img/company_logo.webp?v=1.01" alt="Logo"></h1>
76        </a>
77        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
78            <span class="fa fa-bars"></span>
79        </button>
80        <div class="collapse navbar-collapse" id="navbarCollapse">
81            <div class="navbar-nav ms-auto py-0 pe-4">
82                <a href="/about" class="nav-item nav-link">ä¼ç¤¾æå ±</a>
83                <a href="/service" class="nav-item nav-link">ãµã¼ãã¹</a>
84                <a href="/ip_business" class="nav-item nav-link">ãªãªã¸ãã«IPäºæ¥</a>
85                <a href="/works" class="nav-item nav-link">åã¤ã®çå¿µ</a>
86                <a href="/recruitment.php" class="nav-item nav-link">æ¡ç¨æå ±</a>
87                <a href="/blogs/lists" class="nav-item nav-link">å¬å¼ã¡ãã£ã¢</a>
88            </div>
89            <a href="/contact" class="btn btn-primary py-2 px-4">ãåãåãã</a>
90        </div>
91    </nav>
92        <div class="container-xxl py-5 bg-dark hero-header mb-5">
93        <div class="container text-center my-5 pt-5 pb-4">
94            <h1 class="display-3 text-white mb-3 animated slideInDown">ãåãåãã</h1>
95            <nav aria-label="breadcrumb">
96                <ol class="breadcrumb justify-content-center text-uppercase">
97                    <li class="breadcrumb-item"><a href="/">Home</a></li>
98                    <li class="breadcrumb-item text-white active" aria-current="page">ãåãåãã</li>
99                </ol>
100            </nav>
101        </div>
102    </div>
103    </div>
104        <!-- Contact Start -->
105        <div class="container-xxl py-5">
106            <div class="container">
107                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
108                    <p class="mb-5 w-100 d-block text-center">å¼ç¤¾ã¸ã®ãåãåããã¯ãã¡ããããé¡ãè´ãã¾ãã<br />è£½åã«ã¤ãã¦ã®ãåãåããã¯åãµã¼ãã¹åã§æ¿ãã¾ãã<br />æ³¨æã®ä¾é ¼ãç¢ºèªçã¯ãã¡ãã®ãã©ã¼ã ã§ã¯åãä»ãã¦ããã¾ããã<br />è³ªåã«ãã£ã¦ã¯ãçãã§ããªãå ´åããããã¾ãããäºæ¿ãã ããã¾ãã</p>
109                </div>
110                <div class="row g-4">
111                    <div class="col-md-6 wow fadeIn" data-wow-delay="0.1s">
112                        <iframe class="position-relative rounded w-100 h-100"
113                            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12972.809005114626!2d139.7786386!3d35.6227402!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x8114b420fe355d44!2z44Ob44OD44OI44K544OI44Op44OD44OXICjjg6bjg7zjg7vjgqLjg7Pjg4njg7vjgqLjg7zjgrnmoKrlvI_kvJrnpL4p!5e0!3m2!1sja!2sjp!4v1487402168426"
114                            frameborder="0" style="min-height: 350px; border:0;" allowfullscreen="" aria-hidden="false"
115                            tabindex="0"></iframe>
116                    </div>
117                    <div class="col-md-6">
118                        <div class="error text-danger d-none">ç³ãè¨³ãããã¾ãããã¨ã©ã¼ãçºçãããã¾ããã<br/>ãææ°ã§ãããä¸è¨ãããååãåå®¹ã®åéããé¡ããããã¾ãã</div>
119                        <div class="wow fadeInUp" data-wow-delay="0.2s">
120                            <form>
121                                <input type="hidden" name="token" value="435eea187aeb9ee160b086efcb14f1b6da2fdd1934fe8cf8ec8109bedcb2f3ec">
122                                <div class="row g-3">
123                                    <div class="col-md-6">
124                                        <div class="form-floating">
125                                            <input type="text" class="form-control" name="name" id="name" placeholder="ãåå" required>
126                                            <label for="name">ãåå</label>
127                                        </div>
128                                    </div>
129                                    <div class="col-md-6">
130                                        <div class="form-floating">
131                                            <input type="text" class="form-control" name="company" id="company" placeholder="ä¼ç¤¾å">
132                                            <label for="name">ä¼ç¤¾å</label>
133                                        </div>
134                                    </div>
135                                    <div class="col-md-6">
136                                        <div class="form-floating">
137                                            <input type="email" class="form-control" name="email" id="email" placeholder="ã¡ã¼ã«ã¢ãã¬ã¹" required>
138                                            <label for="email">ã¡ã¼ã«ã¢ãã¬ã¹</label>
139                                        </div>
140                                    </div>
141                                    <div class="col-md-6">
142                                        <div class="form-floating">
143                                            <input type="text" class="form-control" name="tel" id="tel" placeholder="é»è©±çªå·">
144                                            <label for="tel">é»è©±çªå·</label>
145                                        </div>
146                                    </div>
147                                    <div class="col-12">
148                                        <div class="form-floating">
149                                            <textarea class="form-control" placeholder="" id="message" name="message" style="height: 150px" required></textarea>
150                                            <label for="message">ãåãåããåå®¹</label>
151                                        </div>
152                                    </div>
153                                    <div class="col-12">
154                                        <button class="btn btn-primary w-100 py-3 btn-submit" type="submit">éä¿¡</button>
155                                        <button class="g-recaptcha btn btn-primary w-100 py-3" 
156                                        data-sitekey="6Lc50nUqAAAAAH3i2ylKJSuYLerZHpkjAgffg4iG" 
157                                        data-callback='onSubmit' 
158                                        data-action='submit' style="display:none;">Submit</button>
159                                    </div>
160                                </div>
161                            </form>
162                        </div>
163                    </div>
164                </div>
165            </div>
166        </div>
167
168
169        <!-- Navbar & Hero End -->
170        
171        <style>
172            .fs-6{
173                font-size: 0.5rem!important;
174            }
175        </style>
176        <!-- Footer Start -->
177        <div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
178            <div class="container py-5">
179                <div class="row g-5">
180                    <div class="col-lg-3 col-md-6">
181                        <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Company</h4>
182                        <a class="btn btn-link" href="/about">ä¼ç¤¾æå ±</a>
183                        <a class="btn btn-link" href="/service">ãµã¼ãã¹</a>
184                        <a class="btn btn-link" href="/works">åã¤ã®çå¿µ</a>
185                        <a class="btn btn-link" href="/recruitment.php">æ¡ç¨æå ±</a>
186                        <a class="btn btn-link" href="/blogs/lists">å¬å¼ã¡ãã£ã¢</a>
187                        <div class=row>
188                            <div class="col-3">
189                                <a href="https://x.com/YKagayama37232" target="_blank"><img src="/img/x-icon.webp" class="w-100"></a>
190                            </div>
191                            <div class="col-3">
192                                <a href="https://www.instagram.com/youandearth_hitozukuri/" target="_blank"><img src="/img/IG_icon.webp" class="w-100"></a>
193                            </div>
194                        </div>
195                    </div>
196                    <div class="col-lg-3 col-md-6">
197                        <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Contact</h4>
198                        <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>æ±äº¬é½æ±æ±åºéæµ·2-4-32 TIME24ãã« 10F æ±1</p>
199                        <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>03-5500-2083</p>
200                    </div>
201                    <div class="col-lg-3 col-md-6">
202                        <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Opening</h4>
203                        <h5 class="text-light fw-normal">Monday - Friday</h5>
204                        <p>10.30AM - 19.30PM</p>
205                    </div>
206                    <div class="col-lg-3 col-md-6">
207                       <h4 class="section-title ff-secondary text-start text-primary fw-normal mb-4">Our website</h4>
208                       <a class="btn btn-link" href="https://hotmobily.jp/">ãããã¢ãã¤ãªã¼</a>
209                       <a class="btn btn-link" href="https://hotstrap.jp/">ãããã¹ãã©ãã</a>
210                       <a class="btn btn-link" href="https://hotstrapthai.com/">ãããã¹ãã©ãã ã¿ã¤</a>
211                       <a class="btn btn-link" href="https://hotmobilythai.com/">ãããã¢ãã¤ãªã¼ ã¿ã¤</a>
212                       <a class="btn btn-link" href="https://you-goods.com/">Custom pvc keychains YG</a>
213                        <a class="btn btn-link" href="https://silicone-wristband-studio.jp/">ã·ãªã³ã³ãªã¹ããã³ãã¹ã¿ã¸ãª</a>
214                    </div>
215                </div>
216            </div>
217            <div class="container">
218                <div class="copyright">
219                    <div class="row">
220                        <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
221                            &copy; <a class="border-bottom" href="#">You and earth co.,ltd.</a>, All Right Reserved. <br/>							
222							<!--/*** This template is free as long as you keep the footer authorâs credit link/attribution link/backl

222ink. 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. ***/-->
223							<p class="fs-6">Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a><br/>
224                            Distributed By <a class="border-bottom" href="https://themewagon.com" target="_blank">ThemeWagon</a></p>
225                        </div>
226                        <div class="col-md-6 text-center text-md-end">
227                            
228                        </div>
229                    </div>
230                </div>
231            </div>
232        </div>
233        <!-- Footer End -->
234
235
236        <!-- Back to Top -->
237        <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>    </div>
238
239    <!-- JavaScript Libraries -->
240

240<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

240
241

241<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

241
242

242<script src="lib/wow/wow.min.js"></script>

242
243

243<script src="lib/easing/easing.min.js"></script>

243
244

244<script src="lib/waypoints/waypoints.min.js"></script>

244
245

245<script src="lib/counterup/counterup.min.js"></script>

245
246

246<script src="lib/owlcarousel/owl.carousel.min.js"></script>

246
247

247<script src="lib/tempusdominus/js/moment.min.js"></script>

247
248

248<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>

248
249

249<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>

249
250
251    <!-- Template Javascript -->
252

252<script src="js/main.js"></script>

252
253
254

254<script>
255        $("form").submit(function(event) {
256            event.preventDefault(); // Prevent the form from submitting normally
257
258            // Get the form data
259            var formData = $(this).serialize();
260
261            // Send the AJAX request
262            $.ajax({
263                url: "contact_complete.php", // Replace with the URL of your API
264                type: "POST",
265                data: formData,
266                dataType: "json",
267                success: function(response) {
268                    // Redirect to the thank you page
269                    if (response.status == 'success') {
270                        window.location.href = "contact_completed";
271                    } else {
272                        // Handle the error response
273                        $('.error').removeClass('d-none');
274                    }
275                },
276                error: function(xhr, status, error) {
277                    // Handle the error response
278                    $('.error').removeClass('d-none');
279                }
280            });
281        });
282
283        function recaptchaCallback() {
284            $('.btn-submit').removeAttr('disabled');
285        }
286    </script>

286
287
288</body>
289
290</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.