/* Charcoal.pro Contact Page Styles */
.cp-contact-page {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, “Helvetica Neue”, sans-serif;
color: #333333;
line-height: 1.6;
}
.cp-contact-page a:focus-visible,
.cp-contact-page button:focus-visible,
.cp-contact-page input:focus-visible,
.cp-contact-page textarea:focus-visible {
outline: 2px solid #1a1a1a;
outline-offset: 2px;
}
/* Hero Section */
.cp-hero-section {
background-color: #1a1a1a !important;
color: #ffffff !important;
padding: 80px 0;
margin-bottom: 60px;
}
.cp-hero-content {
display: flex;
align-items: center;
}
.cp-hero-text {
padding-right: 40px;
text-align: left;
}
.cp-hero-title {
font-size: 48px;
font-weight: 800;
margin-bottom: 20px;
color: #ffffff !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.cp-hero-subtitle {
font-size: 18px;
margin-bottom: 30px;
color: #f5f5f5 !important;
line-height: 1.6;
}
.cp-hero-cta {
display: flex;
justify-content: flex-start;
gap: 15px;
flex-wrap: wrap;
}
.cp-hero-image-container {
width: 100%;
}
.cp-hero-image {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
display: block;
}
/* Buttons */
.cp-btn {
display: inline-block;
padding: 14px 28px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
cursor: pointer;
border: 2px solid transparent;
}
.cp-btn-primary {
background-color: #25D366; /* WhatsApp Green */
color: #ffffff;
}
.cp-btn-primary:hover {
background-color: #128C7E;
color: #ffffff;
}
.cp-btn-secondary {
background-color: #cc5500; /* Orange Accent */
color: #ffffff;
}
.cp-btn-secondary:hover {
background-color: #a34400;
color: #ffffff;
}
.cp-btn-outline {
background-color: transparent;
border-color: #1a1a1a;
color: #1a1a1a;
}
.cp-btn-outline:hover {
background-color: #1a1a1a;
color: #ffffff;
}
.cp-btn-full {
display: block;
text-align: center;
width: 100%;
box-sizing: border-box;
margin-top: 20px;
}
/* Layout Spacing */
.grid-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.generate-columns-container {
display: flex;
flex-wrap: wrap;
}
.grid-60 { width: 60%; }
.grid-40 { width: 40%; }
.grid-50 { width: 50%; }
.grid-33 { width: 33.3333%; }
.grid-100 { width: 100%; }
.cp-col-left {
padding-right: 40px;
box-sizing: border-box;
}
.cp-col-right {
padding-left: 20px;
box-sizing: border-box;
}
.cp-section-block {
margin-bottom: 60px;
}
.cp-section-title {
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
color: #1a1a1a;
border-bottom: 3px solid #cc5500;
padding-bottom: 10px;
display: inline-block;
}
.cp-section-desc {
font-size: 16px;
color: #666666;
margin-bottom: 30px;
}
/* Contact Methods Grid */
.cp-contact-methods {
margin-left: -10px;
margin-right: -10px;
}
.cp-contact-methods > div {
padding: 10px;
box-sizing: border-box;
}
.cp-contact-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f9f9f9;
border: 1px solid #eeeeee;
padding: 25px 15px;
border-radius: 8px;
text-decoration: none;
color: #333333;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
box-sizing: border-box;
}
.cp-contact-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
border-color: #dddddd;
}
.cp-icon {
font-size: 32px;
margin-bottom: 10px;
}
.cp-method-name {
font-weight: 700;
font-size: 16px;
margin: 0 0 5px 0;
text-align: center;
}
.cp-method-detail {
font-size: 14px;
color: #666666;
text-align: center;
}
/* Specific Brand Colors on Hover */
.cp-whatsapp:hover .cp-icon { color: #25D366; }
.cp-email:hover .cp-icon { color: #cc5500; }
.cp-telegram:hover .cp-icon { color: #0088cc; }
.cp-messenger:hover .cp-icon { color: #0084ff; }
.cp-instagram:hover .cp-icon { color: #E1306C; }
/* Team Grid */
.cp-team-grid {
margin-left: -15px;
margin-right: -15px;
}
.cp-team-grid > div {
padding: 15px;
box-sizing: border-box;
}
.cp-team-card {
background-color: #ffffff;
border-left: 4px solid #1a1a1a;
padding: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.03);
height: 100%;
box-sizing: border-box;
}
.cp-team-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.cp-team-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #eeeeee;
}
.cp-team-info {
flex: 1;
}
.cp-team-name {
font-size: 20px;
font-weight: 700;
margin: 0 0 5px 0;
color: #1a1a1a;
}
.cp-team-role {
font-size: 14px;
color: #cc5500;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.cp-team-link {
display: block;
color: #333333;
text-decoration: none;
font-size: 15px;
margin-bottom: 8px;
transition: color 0.2s ease;
}
.cp-team-link:hover {
color: #cc5500;
}
.cp-team-link::before {
content: ‘→’;
margin-right: 8px;
color: #cc5500;
}
/* Tables */
.cp-data-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background: #ffffff;
box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}
.cp-data-table th, .cp-data-table td {
padding: 14px 15px;
border: 1px solid #eeeeee;
text-align: left;
font-size: 15px;
}
.cp-data-table th {
background-color: #f9f9f9;
font-weight: 700;
color: #1a1a1a;
width: 40%;
}
.cp-data-table thead th {
background-color: #1a1a1a;
color: #ffffff;
width: auto;
}
/* Forms */
.cp-contact-form {
background: #f9f9f9;
padding: 35px;
border-radius: 8px;
border: 1px solid #eeeeee;
}
.cp-form-group {
margin-bottom: 20px;
}
.cp-form-group label {
display: block;
font-weight: 600;
margin-bottom: 8px;
color: #1a1a1a;
}
.cp-form-group input, .cp-form-group textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #8f8f8f;
border-radius: 4px;
font-family: inherit;
font-size: 15px;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.cp-form-group input::placeholder, .cp-form-group textarea::placeholder {
color: #767676;
}
.cp-form-group input:focus, .cp-form-group textarea:focus {
border-color: #cc5500;
outline: none;
}
/* Documents */
.cp-doc-card {
text-align: center;
background: #f4f4f4;
padding: 20px;
border-radius: 8px;
border: 1px solid #eeeeee;
margin-bottom: 20px;
height: 100%;
box-sizing: border-box;
}
.cp-doc-card h3 {
font-size: 18px;
margin-top: 0;
margin-bottom: 15px;
color: #1a1a1a;
}
.cp-img-responsive {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.cp-doc-img {
border: 1px solid #dddddd;
border-radius: 4px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
/* Map */
.cp-map-container {
width: 100%;
border-radius: 8px;
overflow: hidden;
border: 1px solid #eeeeee;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
/* Responsive Adjustments */
@media (max-width: 1024px) {
.cp-col-left {
padding-right: 20px;
}
.cp-col-right {
padding-left: 0;
}
}
@media (max-width: 768px) {
.grid-60, .grid-40, .grid-50, .grid-33 {
width: 100%;
}
.cp-col-left {
padding-right: 0;
}
.cp-hero-text {
padding-right: 0;
text-align: center;
margin-bottom: 40px;
}
.cp-hero-cta {
justify-content: center;
}
.cp-hero-title {
font-size: 36px;
}
.cp-hero-section {
padding: 60px 20px;
}
.cp-section-title {
font-size: 28px;
}
.cp-data-table th, .cp-data-table td {
display: block;
width: 100%;
box-sizing: border-box;
}
.cp-data-table th {
background-color: #f4f4f4;
}
.cp-data-table thead {
display: none;
}
}
اتصل بنا
شركة بي تي كوكو توتال كاربون إندونيسيا (PT Coco Total Karbon Indonesia (Charcoal.pro)) هي شركة حاصلة على شهادة الأيزو 9001:2015 وهي شركة مصنعة مباشرة حاصلة على شهادة الأيزو 9001:2015 ومصدرة بالجملة لقوالب فحم قشرة جوز الهند الطبيعية 100% للشيشة والشيشة.
نظرة عامة على الشركة
.cp-intro-col { padding: 0 20px; box-sizing: border-box; font-size: 1.05rem; line-height: 1.8; color: #444; }
@media (max-width: 768px) { .cp-intro-col { padding: 0; } }
اتصل بشركة PT Coco Total Karbon Indonesia (فحم. pro) – وهي شركة مسجلة رسميًا (NIB: 0220001680488) وحاصلة على شهادة الأيزو 9001:2015 لتصنيع قوالب فحم قشرة جوز الهند، وتقع في ماجيلانج، جاوة الوسطى، إندونيسيا. نحن متخصصون حصريًا في تصنيع فحم الشيشة والشيشة الممتاز للتصدير بالجملة، مع حد أدنى لكمية الطلبات يبلغ 18 طنًا. وبفضل عملية مراقبة الجودة المكونة من 7 خطوات الخاصة بنا والتدقيق المختبري المستقل (بيكجوريندو، كارسورين)، تضمن منشأة التصنيع لدينا على مدار الساعة طوال أيام الأسبوع قوالب متناسقة وطبيعية 100% مع محتوى رماد منخفض للغاية بنسبة 1.6%. تواصل مع فريق التصدير والإنتاج المخصص لدينا أدناه لطلب أسعار فوب/سيف الحالية، أو تأمين تغليف المعدات الأصلية أو تحديد موعد لمعاينة المنشأة في الموقع.
الشهادات والامتثال
نحن نعمل وفقاً لمعايير دولية صارمة، يتم تدقيقها بشكل مستقل من قِبل كبار المساحين العالميين.
الريادة التكنولوجية
مراقبة الجودة في 7 خطوات
تضمن عملية مراقبة الجودة الخاصة بنا المكونة من 7 خطوات لمراقبة الجودة أن كل دفعة تفي بأقصى المواصفات. بدءاً من فرز المواد الخام وحتى اختبارات السقوط النهائية، نضمن الاتساق في كل حاوية تزن 18 طناً.
ماكينة تدخين أوتوماتيكية
نحن الأوائل في هذه الصناعة في تطبيق آلة التدخين الأوتوماتيكية “Smoking Joe” لإجراء اختبار مستقل وموضوعي للون الرماد ووقت الاحتراق وثبات درجة الحرارة.
تحدث إلى المبيعات والخبراء
هل أنت مهتم بمنتجات Charcoal Pro؟ اتصل أو أرسل رسالة نصية قصيرة أو واتساب للدردشة مع خبراء الفحم لدينا.
تحدث إلى موظفينا
أسئلة حول التمويل أو التوريد أو الإنتاج؟ تواصل مع رؤساء الأقسام مباشرةً.
Wholesale Inquiry Fill out the form below and our team will get back to you within 24 hours.
.wf-form { max-width: 820px; margin: 0 auto; padding: 18px; font-family: system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial; background:#fff; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.wf-row { display:flex; gap:12px; flex-wrap:wrap; }
.wf-field { flex:1 1 250px; min-width:180px; display:flex; flex-direction:column; margin-bottom:10px; }
.wf-field label { font-size:13px; margin-bottom:6px; color:#111; font-weight: 600; }
.wf-field input, .wf-field select, .wf-field textarea { padding:10px 12px; font-size:15px; border:1px solid #8f8f8f; border-radius:6px; outline:none; font-family: inherit; }
.wf-field input::placeholder, .wf-field textarea::placeholder { color: #767676; }
.wf-field input:focus, .wf-field select:focus, .wf-field textarea:focus { box-shadow:0 0 0 3px rgba(204,85,0,0.12); border-color:#cc5500; }
.wf-submit { display:flex; justify-content:flex-end; align-items:center; gap:12px; }
.wf-btn { background:#cc5500; color:#fff; padding:10px 16px; border-radius:8px; border:none; cursor:pointer; font-weight:600; transition: background 0.3s ease; }
.wf-btn:hover { background:#a34400; }
.wf-btn:disabled { opacity:0.6; cursor:not-allowed; }
.wf-msg { font-size:14px; padding:8px 10px; border-radius:6px; display:none; }
.wf-msg.success { background:#e6ffef; color:#06693d; border:1px solid #b8f0cf; display:block; }
.wf-msg.error { background:#fff1f0; color:#8b1a1a; border:1px solid #f5c2c2; display:block; }
.product-list { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:8px; margin-top:6px; }
.product-item { display:flex; align-items:center; gap:8px; background:#fafafa; padding:8px; border-radius:6px; border:1px solid #eee; font-size: 14px; cursor: pointer; }
.product-item input { margin:0; transform:scale(1.05); cursor: pointer; }
@media (max-width:480px){ .wf-field { flex-basis:100%; } .wf-submit { justify-content:center; } }
Full name *
Company name *
Country *
WhatsApp number *
Product type (pick one or more) * Cube 20 mm Cube 22 mm Cube 25 mm Cube 26 mm Cube 27 mm Cube 30 mm Hexagonal Dome Flat Finger Coconut briquettes OEM / Private label Other Multiple sizes/types (see message)
Expected purchasing volume *
Preferred packing (optional)
Additional info (optional)
document.addEventListener(‘DOMContentLoaded’, function () {
const form = document.getElementById(‘wholesale-form’);
const btn = document.getElementById(‘wf-submit-btn’);
const msg = document.getElementById(‘wf-msg’);
if(form) {
form.addEventListener(‘submit’, async function (e) {
e.preventDefault();
// Basic HTML5 validation
if (!form.checkValidity()) {
form.reportValidity();
return;
}
// Require at least one product_type[]
const checked = form.querySelectorAll(‘input[name=”product_type[]”]:checked’).length;
if (checked === 0) {
msg.textContent = ‘Please select at least one product type.’;
msg.className = ‘wf-msg error’;
msg.style.display = ‘block’;
return;
}
btn.disabled = true;
btn.textContent = ‘Sending…’;
msg.style.display = ‘none’;
msg.className = ‘wf-msg’;
const formData = new FormData(form);
try {
const res = await fetch(‘https://api.web3forms.com/submit’, {
method: ‘POST’,
body: formData
});
const json = await res.json();
if (json.success) {
msg.textContent = ‘Thank you. Your inquiry was sent. We will contact you soon.’;
msg.className = ‘wf-msg success’;
msg.style.display = ‘block’;
form.reset();
} else {
throw new Error(json.message || ‘Submission failed’);
}
} catch (err) {
msg.textContent = ‘Error sending the form. Please try again or email export@charcoal.pro’;
msg.className = ‘wf-msg error’;
msg.style.display = ‘block’;
console.error(‘Web3Forms error:’, err);
} finally {
btn.disabled = false;
btn.textContent = ‘Send inquiry’;
}
});
}
});