Features

There are multi types of Features for your website.

Mobile Responsive

Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline

Beautiful Invoice

Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline

Innovative Design

Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline

									
<div class="row align-items-center justify-content-center g-4 g-md-5">
					
	<div class="col-xl-4 col-lg-4 col-md-4">
		<div class="hotFeatures px-xl-4">
			<div class="hotfeatures-icons">
				<div class="hfIcons mx-auto text-center mb-3">
					<span class="svg-icon text-primary svg-icon-2hx">
						<span class="svg-icon text-primary svg-icon-2hx">
							<svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path opacity="0.3" d="M4.05424 15.1982C8.34524 7.76818 13.5782 3.26318 20.9282 2.01418C21.0729 1.98837 21.2216 1.99789 21.3618 2.04193C21.502 2.08597 21.6294 2.16323 21.7333 2.26712C21.8372 2.37101 21.9144 2.49846 21.9585 2.63863C22.0025 2.7788 22.012 2.92754 21.9862 3.07218C20.7372 10.4222 16.2322 15.6552 8.80224 19.9462L4.05424 15.1982ZM3.81924 17.3372L2.63324 20.4482C2.58427 20.5765 2.5735 20.7163 2.6022 20.8507C2.63091 20.9851 2.69788 21.1082 2.79503 21.2054C2.89218 21.3025 3.01536 21.3695 3.14972 21.3982C3.28408 21.4269 3.42387 21.4161 3.55224 21.3672L6.66524 20.1802L3.81924 17.3372ZM16.5002 5.99818C16.2036 5.99818 15.9136 6.08615 15.6669 6.25097C15.4202 6.41579 15.228 6.65006 15.1144 6.92415C15.0009 7.19824 14.9712 7.49984 15.0291 7.79081C15.0869 8.08178 15.2298 8.34906 15.4396 8.55884C15.6494 8.76862 15.9166 8.91148 16.2076 8.96935C16.4986 9.02723 16.8002 8.99753 17.0743 8.884C17.3484 8.77046 17.5826 8.5782 17.7474 8.33153C17.9123 8.08486 18.0002 7.79485 18.0002 7.49818C18.0002 7.10035 17.8422 6.71882 17.5609 6.43752C17.2796 6.15621 16.8981 5.99818 16.5002 5.99818Z" fill="currentColor"/>
								<path d="M4.05423 15.1982L2.24723 13.3912C2.15505 13.299 2.08547 13.1867 2.04395 13.0632C2.00243 12.9396 1.9901 12.8081 2.00793 12.679C2.02575 12.5498 2.07325 12.4266 2.14669 12.3189C2.22013 12.2112 2.31752 12.1219 2.43123 12.0582L9.15323 8.28918C7.17353 10.3717 5.4607 12.6926 4.05423 15.1982ZM8.80023 19.9442L10.6072 21.7512C10.6994 21.8434 10.8117 21.9129 10.9352 21.9545C11.0588 21.996 11.1903 22.0083 11.3195 21.9905C11.4486 21.9727 11.5718 21.9252 11.6795 21.8517C11.7872 21.7783 11.8765 21.6809 11.9402 21.5672L15.7092 14.8442C13.6269 16.8245 11.3061 18.5377 8.80023 19.9442ZM7.04023 18.1832L12.5832 12.6402C12.7381 12.4759 12.8228 12.2577 12.8195 12.032C12.8161 11.8063 12.725 11.5907 12.5653 11.4311C12.4057 11.2714 12.1901 11.1803 11.9644 11.1769C11.7387 11.1736 11.5205 11.2583 11.3562 11.4132L5.81323 16.9562L7.04023 18.1832Z" fill="currentColor"/>
							</svg>
						</span>
					</span>
				</div>
			</div>
			<div class="hotfeatures-captions">
				<div class="grostar-desc text-center">
					<h4 class="fw-semibold">Mobile Responsive</h4>
					<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline</p>
				</div>
			</div>
		</div>					
	</div>
	
	<div class="col-xl-4 col-lg-4 col-md-4">
		<div class="hotFeatures px-xl-4">
			<div class="hotfeatures-icons">
				<div class="hfIcons mx-auto text-center mb-3">
					<span class="svg-icon text-primary svg-icon-2hx">
						<svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path opacity="0.3" d="M18 21.6C16.3 21.6 15 20.3 15 18.6V2.50001C15 2.20001 14.6 1.99996 14.3 2.19996L13 3.59999L11.7 2.3C11.3 1.9 10.7 1.9 10.3 2.3L9 3.59999L7.70001 2.3C7.30001 1.9 6.69999 1.9 6.29999 2.3L5 3.59999L3.70001 2.3C3.50001 2.1 3 2.20001 3 3.50001V18.6C3 20.3 4.3 21.6 6 21.6H18Z" fill="currentColor"/>
							<path d="M12 12.6H11C10.4 12.6 10 12.2 10 11.6C10 11 10.4 10.6 11 10.6H12C12.6 10.6 13 11 13 11.6C13 12.2 12.6 12.6 12 12.6ZM9 11.6C9 11 8.6 10.6 8 10.6H6C5.4 10.6 5 11 5 11.6C5 12.2 5.4 12.6 6 12.6H8C8.6 12.6 9 12.2 9 11.6ZM9 7.59998C9 6.99998 8.6 6.59998 8 6.59998H6C5.4 6.59998 5 6.99998 5 7.59998C5 8.19998 5.4 8.59998 6 8.59998H8C8.6 8.59998 9 8.19998 9 7.59998ZM13 7.59998C13 6.99998 12.6 6.59998 12 6.59998H11C10.4 6.59998 10 6.99998 10 7.59998C10 8.19998 10.4 8.59998 11 8.59998H12C12.6 8.59998 13 8.19998 13 7.59998ZM13 15.6C13 15 12.6 14.6 12 14.6H10C9.4 14.6 9 15 9 15.6C9 16.2 9.4 16.6 10 16.6H12C12.6 16.6 13 16.2 13 15.6Z" fill="currentColor"/>
							<path d="M15 18.6C15 20.3 16.3 21.6 18 21.6C19.7 21.6 21 20.3 21 18.6V12.5C21 12.2 20.6 12 20.3 12.2L19 13.6L17.7 12.3C17.3 11.9 16.7 11.9 16.3 12.3L15 13.6V18.6Z" fill="currentColor"/>
						</svg>
					</span>
				</div>
			</div>
			<div class="hotfeatures-captions">
				<div class="grostar-desc text-center">
					<h4 class="fw-semibold">Beautiful Invoice</h4>
					<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline</p>
				</div>
			</div>
		</div>					
	</div>
	
	<div class="col-xl-4 col-lg-4 col-md-4">
		<div class="hotFeatures px-xl-4">
			<div class="hotfeatures-icons">
				<div class="hfIcons mx-auto text-center mb-3">
					<span class="svg-icon text-primary svg-icon-2hx">
						<span class="svg-icon text-primary svg-icon-2hx">
							<svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M15.6 5.59998L20.9 10.9C21.3 11.3 21.3 11.9 20.9 12.3L17.6 15.6L11.6 9.59998L15.6 5.59998ZM2.3 12.3L7.59999 17.6L11.6 13.6L5.59999 7.59998L2.3 10.9C1.9 11.3 1.9 11.9 2.3 12.3Z" fill="currentColor"/>
								<path opacity="0.3" d="M17.6 15.6L12.3 20.9C11.9 21.3 11.3 21.3 10.9 20.9L7.59998 17.6L13.6 11.6L17.6 15.6ZM10.9 2.3L5.59998 7.6L9.59998 11.6L15.6 5.6L12.3 2.3C11.9 1.9 11.3 1.9 10.9 2.3Z" fill="currentColor"/>
							</svg>
						</span>
					</span>
				</div>
			</div>
			<div class="hotfeatures-captions">
				<div class="grostar-desc text-center">
					<h4 class="fw-semibold">Innovative Design</h4>
					<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline</p>
				</div>
			</div>
		</div>					
	</div>

</div>
									
								
Reliable Billing Data

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Real Time Metrics

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Code Flexibility

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

									
<!-- Single Item -->
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
	<div class="card rounded-4">
		<div class="card-body">
			<div class="servIcons mb-3">
				<span class="svg-icon text-primary svg-icon-2hx">
					<svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path opacity="0.3" d="M18 21.6C16.3 21.6 15 20.3 15 18.6V2.50001C15 2.20001 14.6 1.99996 14.3 2.19996L13 3.59999L11.7 2.3C11.3 1.9 10.7 1.9 10.3 2.3L9 3.59999L7.70001 2.3C7.30001 1.9 6.69999 1.9 6.29999 2.3L5 3.59999L3.70001 2.3C3.50001 2.1 3 2.20001 3 3.50001V18.6C3 20.3 4.3 21.6 6 21.6H18Z" fill="currentColor"/>
						<path d="M12 12.6H11C10.4 12.6 10 12.2 10 11.6C10 11 10.4 10.6 11 10.6H12C12.6 10.6 13 11 13 11.6C13 12.2 12.6 12.6 12 12.6ZM9 11.6C9 11 8.6 10.6 8 10.6H6C5.4 10.6 5 11 5 11.6C5 12.2 5.4 12.6 6 12.6H8C8.6 12.6 9 12.2 9 11.6ZM9 7.59998C9 6.99998 8.6 6.59998 8 6.59998H6C5.4 6.59998 5 6.99998 5 7.59998C5 8.19998 5.4 8.59998 6 8.59998H8C8.6 8.59998 9 8.19998 9 7.59998ZM13 7.59998C13 6.99998 12.6 6.59998 12 6.59998H11C10.4 6.59998 10 6.99998 10 7.59998C10 8.19998 10.4 8.59998 11 8.59998H12C12.6 8.59998 13 8.19998 13 7.59998ZM13 15.6C13 15 12.6 14.6 12 14.6H10C9.4 14.6 9 15 9 15.6C9 16.2 9.4 16.6 10 16.6H12C12.6 16.6 13 16.2 13 15.6Z" fill="currentColor"/>
						<path d="M15 18.6C15 20.3 16.3 21.6 18 21.6C19.7 21.6 21 20.3 21 18.6V12.5C21 12.2 20.6 12 20.3 12.2L19 13.6L17.7 12.3C17.3 11.9 16.7 11.9 16.3 12.3L15 13.6V18.6Z" fill="currentColor"/>
					</svg>
				</span>
			</div>
			<div class="servCaps">
				<h5>Reliable Billing Data</h5>
				<p class="mb-0">Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.</p>
			</div>
		</div>
	</div>
</div>
									
								
Reliable Billing Data

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Real Time Metrics

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Code Flexibility

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

									
<!-- Single Item -->
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
	<div class="card rounded-4 border-0">
		<div class="card-body p-0 pe-xl-5">
			<div class="servIcons mb-3">
				<span class="svg-icon text-primary svg-icon-2hx">
					<svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path opacity="0.3" d="M18 21.6C16.3 21.6 15 20.3 15 18.6V2.50001C15 2.20001 14.6 1.99996 14.3 2.19996L13 3.59999L11.7 2.3C11.3 1.9 10.7 1.9 10.3 2.3L9 3.59999L7.70001 2.3C7.30001 1.9 6.69999 1.9 6.29999 2.3L5 3.59999L3.70001 2.3C3.50001 2.1 3 2.20001 3 3.50001V18.6C3 20.3 4.3 21.6 6 21.6H18Z" fill="currentColor"/>
						<path d="M12 12.6H11C10.4 12.6 10 12.2 10 11.6C10 11 10.4 10.6 11 10.6H12C12.6 10.6 13 11 13 11.6C13 12.2 12.6 12.6 12 12.6ZM9 11.6C9 11 8.6 10.6 8 10.6H6C5.4 10.6 5 11 5 11.6C5 12.2 5.4 12.6 6 12.6H8C8.6 12.6 9 12.2 9 11.6ZM9 7.59998C9 6.99998 8.6 6.59998 8 6.59998H6C5.4 6.59998 5 6.99998 5 7.59998C5 8.19998 5.4 8.59998 6 8.59998H8C8.6 8.59998 9 8.19998 9 7.59998ZM13 7.59998C13 6.99998 12.6 6.59998 12 6.59998H11C10.4 6.59998 10 6.99998 10 7.59998C10 8.19998 10.4 8.59998 11 8.59998H12C12.6 8.59998 13 8.19998 13 7.59998ZM13 15.6C13 15 12.6 14.6 12 14.6H10C9.4 14.6 9 15 9 15.6C9 16.2 9.4 16.6 10 16.6H12C12.6 16.6 13 16.2 13 15.6Z" fill="currentColor"/>
						<path d="M15 18.6C15 20.3 16.3 21.6 18 21.6C19.7 21.6 21 20.3 21 18.6V12.5C21 12.2 20.6 12 20.3 12.2L19 13.6L17.7 12.3C17.3 11.9 16.7 11.9 16.3 12.3L15 13.6V18.6Z" fill="currentColor"/>
					</svg>
				</span>
			</div>
			<div class="servCaps">
				<h5>Reliable Billing Data</h5>
				<p class="mb-0">Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.</p>
			</div>
		</div>
	</div>
</div>
									
								
blog image
Dedicated support
Eco friendly
Easy coding
Multiple layouts
Drap & drop features
Free listing
blog image
Drag design system
Pree-Made layouts
SEO friendly
SASS & LESS styles
Add custom fields
									
<div class="card rounded-4 overflow-hidden hover-box-shadow h-100">
	<div class="d-block position-relative">
		<img class="card-img-top hover-fade-out" src="assets/img/imgteam-1.jpg" alt="blog image">
		<div class="divider divider-bottom bg-white"></div>
	</div>
	<div class="card-body">
		<div class="d-flex align-items-center flex-wrap mb-4 gap-4">
			<div class="d-flex align-items-center justify-content-start gap-2">
				<div class="d-flex align-items-center gap-2">
					<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
					<div class="text-lios">Dedicated support</div>
				</div>
			</div>
			<div class="d-flex align-items-center justify-content-start gap-3">
				<div class="d-flex align-items-center gap-2">
					<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
					<div class="text-lios">Eco friendly</div>
				</div>
			</div>
			<div class="d-flex align-items-center justify-content-start gap-3">
				<div class="d-flex align-items-center gap-2">
					<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
					<div class="text-lios">Easy coding</div>
				</div>
			</div>
			<div class="d-flex align-items-center justify-content-start gap-3">
				<div class="d-flex align-items-center gap-2">
					<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
					<div class="text-lios">Multiple layouts</div>
				</div>
			</div>
			<div class="d-flex align-items-center justify-content-start gap-3">
				<div class="d-flex align-items-center gap-2">
					<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
					<div class="text-lios">Drap & drop features</div>
				</div>
			</div>
			<div class="d-flex align-items-center justify-content-start gap-3">
				<div class="d-flex align-items-center gap-2">
					<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
					<div class="text-lios">Free listing</div>
				</div>
			</div>
		</div>
	</div>
</div>

									
								
Reliable Billing Data

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Real Time Metrics

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Code Flexibility

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Figma Compatible

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Super High Security

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Multiple Grid Layouts

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

									
<!-- Single Item -->
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
	<div class="card rounded-4 border-0">
		<div class="card-body py-0">
			<div class="servIcons mx-auto text-center mb-3">
				<img src="assets/img/icon-1.png" class="img-fluid" width="60" alt="">
			</div>
			<div class="servCaps text-center">
				<h5>Code Flexibility</h5>
				<p class="mb-0">Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.</p>
			</div>
		</div>
	</div>
</div>
									
								
Reliable Billing Data

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Real Time Metrics

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

Code Flexibility

Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.

									
<!-- Single Item -->
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
	<div class="card rounded-4 border-0">
		<div class="card-body py-0">
			<div class="servIcons mb-3">
				<div class="square--50 rounded bg-primary mx-auto">
					<span class="svg-icon text-light svg-icon-2hx">
						<svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M11.7 8L7.49998 15.3L4.59999 20.3C3.49999 18.4 3.1 17.7 2.3 16.3C1.9 15.7 1.9 14.9 2.3 14.3L8.8 3L11.7 8Z" fill="currentColor"/>
							<path opacity="0.3" d="M11.7 8L8.79999 3H13.4C14.1 3 14.8 3.4 15.2 4L20.6 13.3H14.8L11.7 8ZM7.49997 15.2L4.59998 20.2H17.6C18.3 20.2 19 19.8 19.4 19.2C20.2 17.7 20.6 17 21.7 15.2H7.49997Z" fill="currentColor"/>
						</svg>
					</span>
				</div>
			</div>
			<div class="servCaps text-center">
				<h5>Code Flexibility</h5>
				<p class="mb-0">Think of a news blog that's filled with content hourly on the day of going live. However, reviewers tend to be distracted.</p>
			</div>
		</div>
	</div>
</div>
									
								
  • 1

    Well & Friendly Documented

    Our documentation There's lot of hate out there for a text that amounts to little more than garbled words in an old language. The villagers are out there with a vengeance to get that Frankenstein.

  • 2

    Lifetime Tools Integrations

    You begin with a text, you sculpt information, you chisel away what's not needed, you come to the point, make things clear, add value, you're a content person, you like words.

									
<ul class="step step-dashed mb-3 mt-4">
	<li class="step-item">
		<div class="step-content-wrapper">
		  <span class="step-icon step-icon-xs bg-light-primary text-primary">1</span>
		  <div class="step-content">
			<h4 class="fw-semibold fs-5">Well & Friendly Documented</h4>
			<p><a class="text-primary" href="#">Our documentation</a> There's lot of hate out there for a text that amounts to little more than garbled words in an old language. The villagers are out there with a vengeance to get that Frankenstein.</p>
		  </div>
		</div>
	</li>
	
	<li class="step-item">
		<div class="step-content-wrapper">
		  <span class="step-icon step-icon-xs bg-light-primary text-primary">2</span>
		  <div class="step-content">
			<h4 class="fw-semibold fs-5">Lifetime Tools Integrations</h4>
			<p>You begin with a text, you sculpt information, you chisel away what's not needed, you come to the point, make things clear, add value, you're a content person, you like words.</p>
		  </div>
		</div>
	</li>
</ul>
									
								

Already working together?

log in to your account and connect with your teammates!.