-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (160 loc) · 9.79 KB
/
index.html
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
203
204
205
206
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Craftee.Pakistan</title>
<link rel="stylesheet" href="css.css">
<link rel="stylesheet" href="animate.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<style>
</style>
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top bg">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand ch">
<img src="logo.png" alt="">
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a></li>
<li><a href="#about us">About Us</a></li>
<li><a href="#our team">Our team</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact US</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="banner" style="background-image: url(1.jpg);"></div>
<div class="carousel-caption">
<h3 class="animated bounceInLeft" style="animation-delay: 1s;">we are just creative people</h3>
<h2 class="animated bounceInRight" style="animation-delay: 2s;">inovative designing agency</h2>
<p class="animated bounceInRight" style="animation-delay: 3s;"><a href="#">continue</a></p>
</div>
</div>
<div class="item">
<div class="banner" style="background-image: url(2.jpg); "></div>
<div class="carousel-caption">
<h3 class="animated slideInDown" style="animation-delay: 1s;">branding / designing / printing / marketing</h3>
<h2 class="animated fadeInUp" style="animation-delay: 2s;">one-stop for all your needs</h2>
<p class="animated zoomIn" style="animation-delay: 3s;"><a href="#">continue</a></p>
</div>
</div>
<div class="item">
<div class="banner" style="background-image: url(3.jpg);"></div>
<div class="carousel-caption">
<h3 class="animated zoomIn" style="animation-delay: 1s;">we are specialist / we love designing</h3>
<h2 class="animated fadeInLeft" style="animation-delay: 2s;">get unique experience with us</h2>
<p class="animated zoomIn" style="animation-delay: 3s;"><a href="#">continue</a></p>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<!-- this is about page -->
<a name="about us"></a>
<div class="row ay">
<div class="col-md-1 col-sm-1 col-xs-1 "></div>
<div class="col-md-10 col-sm-10 col-xs-10 ">
<h1>Who we are / introduction</h1>
<p>We craftee Pakistan Innovative designing Agency, are well renowed across the Nation,maily in Karachi city Pakistan,with our high-tech / Artistic and cutting edge Graphics and Designing works.We are expert in creating,developing and producing
artistic design art work for use in a variety of media platforms, with creative desig that meet all sales and communication objectives.
</p>
</div>
<div class="col-md-1 col-sm-1 col-xs-1 "></div>
</div>
<div class="row ab">
<div class="col-md-1 col-sm-1 col-xs-1 "></div>
<div class="col-md-10 col-sm-10 col-xs-10">
<h1>About us</h1>
<p>We are not discussing about ordinary/local graphic designs the type you see everywhere in markets, we are discussing about something special, something unique and something you would be proud to show your customers. Back in 2015, craftee.Pakistan
started as a small graphic design company with only one goal; to help businesses and organizations maximize through unique/ Artistic graphics. Now we are been doing that across the nation and internationally as well, and have helped countless
clients; clients which come back time and time again. Making sure that your graphics designs are something special requires more than just great designs, it requires a great team work with experience and who better know how to communicate
professionally with clients. As an innovative design agency, craftee has perfected the art of making sure our clients are happy from beginning to end. From your first point of contact, our designer's team will guide you through the process;
finding out what your needs are and how best we can help make your graphic design dreams a reality. Whether you need help designing social Media campaigns, putting together print media material, want to develop a new unique And Aristic
Design Logos, craftee can help. Visit our portfolio section to see some examples of work, which we have done in the past. We are sure you will be confident that we can help you to Maximize your business. So, get in touch, relax for a while
and before you know it, you’ll find your organization sporting a new style; a style which maximizes: maximizes your business.</p>
</div>
<div class="col-md-1 col-sm-1 col-xs-1 "></div>
</div>
<!-- this is our team html -->
<a name="our team"></a>
<div class="row ot">
<h1>Our team</h1>
<h3>meet our creative designers and developers </h3>
<div class=" sp">
<div class="img">
<img src="ismail.png" alt="">
</div>
<div class="txt">
<h3>SNR. Graphics Designer Craftee Pakistan</h3>
<p>Photographer Illustration / Artist Product Branding</p>
</div>
</div>
<div class=" sp">
<div class="img">
<img src="ahmed.png" alt="">
</div>
<div class="txt">
<h3>SNR. Graphics Designer Craftee Pakistan</h3>
<p>Photographer Illustration / Artist Product Branding</p>
</div>
</div>
<div class="sp">
<div class="img">
<img src="hmd.png" alt="">
</div>
<div class="txt">
<h3>SNR. Graphics Designer Craftee Pakistan</h3>
<p>Photographer Illustration / Artist Product Branding</p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js " integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ " crossorigin="anonymous "></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js " integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd " crossorigin="anonymous "></script>
<script>
$(window).scroll(function() {
$('nav').toggleClass('scrolled', $(this).scrollTop() > 20);
});
</script>
</body>
</html>