1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202<!-- build:include layout/header.html --><!-- /build -->
<header class="main-header">
<div class="container">
<h1 class="page-title">Products</h1>
<ol class="breadcrumb pull-right">
<li><a href="#">Pages</a></li>
<li><a href="#">Bussiness & Products</a></li>
<li class="active">Products</li>
</ol>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title-logo animated fadeInDown animation-delay-5">artificial<span>reason</span></div>
<p class="slogan text-center margin-bottom">Discover the <span>artificial reason</span> template. <br> A world of possibilities and customization for your website.</p>
<img src="<%= assets %>img/demo/pre.png" alt="" class="img-responsive aligncenter">
</div>
</div> <!-- row -->
<section class="margin-bottom">
<p class="lead lead-lg text-center primary-color margin-bottom">Knows the <strong>Artificial Reason</strong> and surprise yourself</p>
<div class="row">
<div class="col-md-6">
<h2 class="no-margin-top">Service List</h2>
<ol class="service-list list-unstyled">
<li class="wow fadeInUp">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil suscipit cupiditate expedita hic earum vero sint, recusandae itaque, rem distinctio.</li>
<li class="wow fadeInUp">Totam porro sit, obcaecati quos quae iure tenetur, soluta voluptatem sapiente rerum ipsam delectus corporis voluptates voluptate, nulla mollitia pariatur.</li>
<li class="wow fadeInUp">Amet dolorum ullam, rerum ratione distinctio, quia iusto rem! Asperiores et quas, ratione in dolores dolorum doloribus magni suscipit labore!</li>
<li class="wow fadeInUp">Enim quas nesciunt sequi odit, ut quisquam vitae commodi animi placeat nihil saepe magnam aliquam, vero harum quae doloribus aut nostrum veniam alias!</li>
<li class="wow fadeInUp">Expedita doloribus vel nam fuga iusto aperiam maxime aut amet pariatur. Libero quidem, optio itaque ducimus. Nulla laboriosam voluptas voluptates.</li>
</ol>
</div>
<div class="col-md-6">
<div class="panel-group" id="accordion">
<div class="panel panel-default wow fadeInUp">
<div class="panel-heading panel-heading-link">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<i class="fa fa-lightbulb-o"></i> Talent and creativity
</a>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati molestiae id ipsum ipsa repudiandae. Voluptatum, molestias, quas magnam repellat quos facilis sequi. Ullam optio eius deleniti dolore quasi doloribus ipsam incidunt perferendis.</p>
<p>Dolores, corrupti, laborum, officia sit aliquam doloremque accusantium nemo sunt veniam est incidunt perferendis minima obcaecati ex aperiam voluptatibus blanditiis eum suscipit magnam dolorum.</p>
</div>
</div>
</div>
<div class="panel panel-default wow fadeInUp">
<div class="panel-heading panel-heading-link">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
<i class="fa fa-desktop"></i> Design and code
</a>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit dignissimos inventore cupiditate expedita saepe enim nobis nostrum? Laborum, laudantium, maiores, cupiditate, perspiciatis at ad accusamus corporis sed ipsam et velit!</p>
<p>Incidunt, harum itaque voluptatum asperiores recusandae explicabo maiores. Alias, quos, ex impedit at error id laborum fugit architecto qui beatae molestiae dolorum rem veritatis.</p>
</div>
</div>
</div>
<div class="panel panel-default wow fadeInUp">
<div class="panel-heading panel-heading-link">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
<i class="fa fa-user"></i> Quality and Support
</a>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia, rerum unde doloribus accusamus pariatur non expedita quibusdam velit totam obcaecati. Consequatur, deserunt, asperiores quam nisi earum voluptates animi labore tempore!</p>
<p>Dolorum, aliquam, totam labore saepe error a eum culpa assumenda sint laudantium ipsa iure ullam et dicta nesciunt repellendus optio voluptatibus reprehenderit odit.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="content-box box-primary">
<span class="icon-ar icon-ar-lg icon-ar-inverse icon-ar-white"><i class="fa fa-cloud"></i></span>
<h5 class="content-box-title">Primary Box</h5>
<p>Eveniet quo minima deserunt quisquam libero iste veritatis consectetur nulla.</p>
</div>
</div>
<div class="col-md-6">
<div class="content-box box-primary">
<span class="icon-ar icon-ar-lg icon-ar-inverse icon-ar-white"><i class="fa fa-group"></i></span>
<h5 class="content-box-title">Primary Box</h5>
<p>Eveniet quo minima deserunt quisquam libero iste veritatis consectetur nulla.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div> <!-- container -->
<section class="section-lines">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="home-devices">
<h3>The template for all devices</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, sapiente, nam sunt rem beatae architecto cupiditate numquam consectetur dolorum aliquam suscipit adipisci expedita vel quaerat illum aperiam facere inventore officia.</p>
<p>Consequuntur sed ipsum eius minima eum velit soluta accusamus omnis maiores modi quae mollitia consectetur adipisci.</p>
<ul class="icon-devices">
<li class="active"><a href="#desktop" data-toggle="tab"><i class="fa fa-desktop"></i></a></li>
<li><a href="#laptop" data-toggle="tab"><i class="fa fa-laptop"></i></a></li>
<li><a href="#tablet" data-toggle="tab"><i class="fa fa-tablet"></i></a></li>
<li><a href="#mobile" data-toggle="tab"><i class="fa fa-mobile"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-8">
<div class="tab-content">
<div class="tab-pane active" id="desktop">
<img src="<%= assets %>img/demo/mac.png" alt="" class="img-responsive">
</div>
<div class="tab-pane" id="laptop">
<img src="<%= assets %>img/demo/macpro.png" alt="" class="img-responsive">
</div>
<div class="tab-pane" id="tablet">
<img src="<%= assets %>img/demo/ipad.png" alt="" class="img-responsive">
</div>
<div class="tab-pane" id="mobile">
<img src="<%= assets %>img/demo/iphone.png" alt="" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<section class="margin-bottom">
<div class="row">
<div class="col-md-12">
<h2 class="right-line">Features</h2>
</div>
<div class="col-md-4 col-sm-6">
<div class="text-icon wow fadeInUp">
<span class="icon-ar icon-ar-lg"><i class="fa fa-cloud"></i></span>
<div class="text-icon-content">
<h3 class="no-margin">Cloud Computing</h3>
<p>Praesentium cumque voluptate harum quae doloribus, atque error debitis, amet velit in similique, necessitatibus odit vero sunt.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="text-icon wow fadeInUp">
<span class="icon-ar icon-ar-lg"><i class="fa fa-desktop"></i></span>
<div class="text-icon-content">
<h3 class="no-margin">Web Design and SEO</h3>
<p>Praesentium cumque voluptate harum quae doloribus, atque error debitis, amet velit in similique, necessitatibus odit vero sunt.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="text-icon wow fadeInUp">
<span class="icon-ar icon-ar-lg"><i class="fa fa-tablet"></i></span>
<div class="text-icon-content">
<h3 class="no-margin">Mobile and Tablet Apps</h3>
<p>Praesentium cumque voluptate harum quae doloribus, atque error debitis, amet velit in similique, necessitatibus odit vero sunt.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="text-icon wow fadeInUp">
<span class="icon-ar icon-ar-lg"><i class="fa fa-wordpress"></i></span>
<div class="text-icon-content">
<h3 class="no-margin">Wordpress Themes</h3>
<p>Praesentium cumque voluptate harum quae doloribus, atque error debitis, amet velit in similique, necessitatibus odit vero sunt.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="text-icon wow fadeInUp">
<span class="icon-ar icon-ar-lg"><i class="fa fa-graduation-cap"></i></span>
<div class="text-icon-content">
<h3 class="no-margin">Training and development</h3>
<p>Praesentium cumque voluptate harum quae doloribus, atque error debitis, amet velit in similique, necessitatibus odit vero sunt.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="text-icon wow fadeInUp">
<span class="icon-ar icon-ar-lg"><i class="fa fa-paper-plane-o"></i></span>
<div class="text-icon-content">
<h3 class="no-margin">Customer service</h3>
<p>Praesentium cumque voluptate harum quae doloribus, atque error debitis, amet velit in similique, necessitatibus odit vero sunt.</p>
</div>
</div>
</div>
</div> <!-- row -->
</section>
</div> <!-- container -->
<!-- build:include layout/footer.html --><!-- /build -->