Skip to content

Commit da9d4b4

Browse files
ZoubeirWarracheZoubeirWarrache
committed
add bootstrap3_design1
0 parents  commit da9d4b4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

71 files changed

+21075
-0
lines changed

‎about.html‎

Lines changed: 243 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,243 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<!-- IE compatibility meta -->
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<!-- first mobile meta -->
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<title>about</title>
10+
<link rel="stylesheet" href="css/all.min.css">
11+
<link rel="stylesheet" href="css/bootstrap.css">
12+
<link rel="stylesheet" href="css/style.css">
13+
<link rel="stylesheet" href="css/pages.css">
14+
<link rel="stylesheet" href="css/hover.css">
15+
<link rel="stylesheet" href="css/default-theme.css">
16+
17+
<!--[if lt IE 9]>
18+
<script src="js/html5shiv.min.js" ></script>
19+
<script src="js/respond.min.js"></script>
20+
<![endif]-->
21+
22+
</head>
23+
<body>
24+
<!-- Start section tool box-->
25+
<section class="option-box">
26+
<div class="color-option">
27+
<h4>Color Option</h4>
28+
<ul class="list-unstyled">
29+
<li data-value="css/default-theme.css"></li>
30+
<li data-value="css/green-theme.css"></li>
31+
<li data-value="css/blue-theme.css"></li>
32+
<li data-value="css/orange-theme.css"></li>
33+
</ul>
34+
</div>
35+
<i class="fas fa-cog fa-2x gear-check"></i>
36+
</section>
37+
<!-- End section tool box-->
38+
39+
<!-- Start navbar-->
40+
<nav class="navbar navbar-inverse navbar-fixed-top">
41+
<div class="container">
42+
<!-- Brand and toggle get grouped for better mobile display -->
43+
<div class="navbar-header">
44+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#our-collapse" aria-expanded="false">
45+
<span class="sr-only">Toggle navigation</span>
46+
<span class="icon-bar"></span>
47+
<span class="icon-bar"></span>
48+
<span class="icon-bar"></span>
49+
</button>
50+
<a class="navbar-brand" href="#">Brand</a>
51+
</div>
52+
53+
<!-- Collect the nav links, forms, and other content for toggling -->
54+
<div class="collapse navbar-collapse navbar-right" id="our-collapse">
55+
<ul class="nav navbar-nav">
56+
<li><a href="index.html">Home <span class="sr-only">(current)</span></a></li>
57+
<li class="active"><a href="about.html">About</a></li>
58+
<li><a href="faq.html">FAQ</a></li>
59+
<li class="dropdown">
60+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
61+
<ul class="dropdown-menu">
62+
<li><a href="#">Programming</a></li>
63+
<li><a href="#">Web Design</a></li>
64+
<li><a href="#">Desktop</a></li>
65+
<li role="separator" class="divider"></li>
66+
<li><a href="#">Web Hosting</a></li>
67+
</ul>
68+
</li>
69+
<li><a href="#">Map</a></li>
70+
<li><a href="#">Contact</a></li>
71+
</ul>
72+
73+
74+
</div><!-- /.navbar-collapse -->
75+
</div><!-- /.container-fluid -->
76+
</nav>
77+
<!-- End navbar-->
78+
79+
<!-- Start Breadcrumb -->
80+
<div class="breadcrumb-holder">
81+
<div class="container">
82+
<ol class="breadcrumb">
83+
<li><a href="index.html">Home</a></li>
84+
<li class="active">About</li>
85+
</ol>
86+
</div>
87+
</div>
88+
<!-- End Breadcrumb -->
89+
90+
<!-- Start About Us -->
91+
92+
<section class="about-us text-center">
93+
<div class="container">
94+
<h1>About Us</h1>
95+
<hr>
96+
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat earum libero error facere laboriosam natus dolorem odio esse dolore veritatis doloribus voluptas iste.</p>
97+
<img class="img-responsive center-block img-thumbnail" src="images/about.png" alt="about-us">
98+
</div>
99+
</section>
100+
101+
<!-- End About Us -->
102+
103+
<!-- Start About Features -->
104+
<div class="about-features text-center">
105+
<div class="container">
106+
<div class="row">
107+
<div class="col-sm-4">
108+
<i class="fas fa-code fa-5x"></i>
109+
<h3>We Love Code</h3>
110+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi harum minus delectus error eius facilis magnam optio illum mollitia labore. Laudantium error id explicabo illum.</p>
111+
</div>
112+
<div class="col-sm-4">
113+
<i class="fas fa-child fa-5x"></i>
114+
<h3>We Are Happy</h3>
115+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi harum minus delectus error eius facilis magnam optio illum mollitia labore. Laudantium error id explicabo illum.</p>
116+
</div>
117+
<div class="col-sm-4">
118+
<i class="fas fa-users fa-5x"></i>
119+
<h3>We Are Social</h3>
120+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi harum minus delectus error eius facilis magnam optio illum mollitia labore. Laudantium error id explicabo illum.</p>
121+
</div>
122+
</div>
123+
</div>
124+
</div>
125+
<!-- End About Features -->
126+
127+
<!-- Start About CEO -->
128+
<section class="about-ceo">
129+
<div class="container">
130+
<div class="row">
131+
<div class="col-sm-5">
132+
<img class="img-responsive" src="images/ceo.jpg" alt="CEO">
133+
</div>
134+
<div class="col-sm-7">
135+
<h2>We Are Happy To Help You</h2>
136+
<p class="lead">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Error similique saepe, officia deleniti aspernatur corporis ipsa veniam corrupti commodi quo nesciunt.</p>
137+
<a class="btn btn-primary">Contact Us</a>
138+
</div>
139+
</div>
140+
</div>
141+
</section>
142+
<!-- End About CEO -->
143+
144+
145+
<!-- Start ultimate footer -->
146+
147+
<footer class="footer">
148+
<div class="container">
149+
<div class="row">
150+
151+
<div class="col-lg-4 col-md-6">
152+
<h3>Sitemap</h3>
153+
<ul class="list-unstyled three-columns">
154+
<li>Home</li>
155+
<li>About</li>
156+
<li>Company</li>
157+
<li>Code</li>
158+
<li>Design</li>
159+
<li>Desktop</li>
160+
<li>Host</li>
161+
<li>Sitemap</li>
162+
<li>Contact</li>
163+
</ul>
164+
<ul class="list-unstyled social-list">
165+
<li><img src="images/social/facebook.png" alt="facebook"></li>
166+
<li><img src="images/social/twitter.png" alt="twitter"></li>
167+
<li><img src="images/social/google.png" alt="google"></li>
168+
<li><img src="images/social/rss.png" alt="rss"></li>
169+
<li><img src="images/social/pinterest.png" alt="pinterest"></li>
170+
<li><img src="images/social/email.png" alt="email"></li>
171+
</ul>
172+
</div>
173+
174+
<div class="col-lg-4 col-md-6">
175+
<h3>Latest Article</h3>
176+
177+
<div class="media">
178+
<div class="pull-left">
179+
<a href="#">
180+
<img class="media-object" src="images/article/programming.png" alt="programming">
181+
</a>
182+
</div>
183+
<div class="media-body">
184+
<h4 class="media-heading">Programming</h4>
185+
This is some text about programming describe the media of bootstrap
186+
</div>
187+
</div>
188+
189+
<div class="media">
190+
<div class="pull-left">
191+
<a href="#">
192+
<img class="media-object" src="images/article/coding.png" alt="coding">
193+
</a>
194+
</div>
195+
<div class="media-body">
196+
<h4 class="media-heading">Coding</h4>
197+
This is some text about programming describe the media of bootstrap
198+
</div>
199+
</div>
200+
201+
<div class="media">
202+
<div class="pull-left">
203+
<a href="#">
204+
<img class="media-object" src="images/article/design.png" alt="design">
205+
</a>
206+
</div>
207+
<div class="media-body">
208+
<h4 class="media-heading">Web Design</h4>
209+
This is some text about programming describe the media of bootstrap
210+
</div>
211+
</div>
212+
213+
</div>
214+
215+
<div class="col-lg-4">
216+
<h3>Our Awesome Works</h3>
217+
<img class="img-thumbnail" src="images/work/01.jpg" alt="image 01">
218+
<img class="img-thumbnail" src="images/work/02.jpg" alt="image 02">
219+
<img class="img-thumbnail" src="images/work/03.jpg" alt="image 03">
220+
<img class="img-thumbnail" src="images/work/04.jpeg" alt="image 04">
221+
</div>
222+
223+
</div>
224+
</div>
225+
<div class="copyright text-center">
226+
Copyright &copy; 2018 <span>Your Template Name</span>.inc
227+
</div>
228+
</footer>
229+
230+
<!-- End ultimate footer -->
231+
232+
<!-- Start scroll top -->
233+
<div class="scroll-top">
234+
<i class="fas fa-chevron-up fa-3x"></i>
235+
</div>
236+
<!-- End scroll top -->
237+
238+
<script src="js/jquery-3.3.1.min.js"></script>
239+
<script src="js/bootstrap.min.js"></script>
240+
<script src="js/plugins.js"></script>
241+
<script src="js/jquery.nicescroll.min.js" ></script>
242+
</body>
243+
</html>

‎css/all.min.css‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)