-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
169 lines (150 loc) · 9.36 KB
/
about.html
File metadata and controls
169 lines (150 loc) · 9.36 KB
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Jora Kasapi - Architecture & Design</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
<!-- Favicon -->
<link rel="icon" type="image/png" href="img/Gjethe_instead_P.png">
<!-- Bootsrap Css -->
<link rel="stylesheet" href="stylesheets/css/bootstrap.min.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:100,300,400,500,700" rel="stylesheet">
<!-- Web Icon Fonts -->
<link rel="stylesheet" href="stylesheets/css/pe-icon-7-stroke.css">
<link rel="stylesheet" href="stylesheets/css/iconmoon.css">
<link rel="stylesheet" href="stylesheets/css/et-line.css">
<!-- Owl Carousel Assets -->
<link rel="stylesheet" href="stylesheets/css/owl.carousel.css">
<link rel="stylesheet" href="stylesheets/css/owl.theme.css">
<!-- Animate -->
<link rel="stylesheet" href="stylesheets/css/animate.css">
<!-- Video Js -->
<link rel="stylesheet" href="stylesheets/css/video-js.css">
<!-- Costum Css -->
<link rel="stylesheet" href="stylesheets/css/main.css">
<link rel="stylesheet" href="stylesheets/css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<div id="loader" class="loader">
<div class="loader-inner ball-scale-ripple">
<div></div>
</div>
</div>
<span class="border-top white"></span>
<span class="border-left white"></span>
<span class="border-right white"></span>
<span class="border-bottom white"></span>
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html">
<img src="img/Logo_website_black.png" alt="logo" class="img-responsive">
</a>
</div>
<button class="main-menu-indicator" id="open-button">
<span class="line"></span>
</button>
<button class="open-search" id="search-btn">
<span class="pe-7s-search"></span>
</button>
<div class="serach-input">
<form action="index_submit" method="get" accept-charset="utf-8">
</form>
<button class="close-search" id="close-btn">
<span class="pe-7s-close"></span>
</button>
</div>
<div class="menu">
<div class="menu-content">
<div class="inner-menu hidden-xs">
<ul>
<li><a href="https://www.linkedin.com/feed/"><i class="iconmoon-linkedin2"></i></a></li>
</ul>
<div class="logo-nav">
<a href="index.html">
<img src="img/Logo_website_white.png" alt="logo" class="img-responsive">
</a>
</div>
</div>
<div class="menu-list">
<ul>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">home</a>
<ul class="dropdown-menu">
</ul>
</li>
<li><a href="about.html">about</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">portfolio</a>
<ul class="dropdown-menu">
</ul>
</li>
<li><a href="https://medium.com/@jorakasapi">blog</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div class="footer-menu">
<p>Content licensed under Creative Commons Attribution 4.0 International (CC BY 4.0)</p>
</div>
</div>
</div>
</div>
</div> <!-- End Header -->
<div class="img-header" style="background-image: url(img/about/About_us_Img_J.png); background-position: center 0px;">
</div>
<div class="about-wrap margin-top">
<div class="main-title text-center">
<h6>- Who we are -</h6>
<h4> JORA KASAPI - Architecture & Design</h4>
</div>
<div class="container">
<div class="row">
<div class="description-about wow animated fadeInUp" data-wow-duration="0.7s" data-wow-delay="0.4s">
<div class="col-sm-6">
<p>Jora, was born in Kruje, Albania (November 1988). Graduated in Architecture (2006-2011) from the Faculty of Architecture and Urban Planning FAU (Polytechnic University of Tirana) and proceeded a second degree, ‘Architecture and Sustainability’(2014-2016) in Sint-Lucas Architectur, Campus Ghent, KU Leuven.</p>
<p>After graduating she has been exploring different orientations in architecture and has developed certain interests, from urban planning strategies focused mainly in a bottom –up approach, to research and analytical thinking in architecture, from interior design to furniture (industrial) design, to building’s detailing and materiality.</p>
</div>
<div class="col-sm-6">
<p>She has developed a special curiosity in architectural surreal visualizations, photomontage representations of spaces and atmospheres in the form of post-digital drawings. Their main framework is sustainable design.</p>
<p>These genuine interests and explorations translated into her professional experiences, these past 5 years, provide the basic services that JoraKasapi, architecture and design studio offers to possible clients and collaborators.</p>
</div>
</div>
</div>
</div>
</div> <!-- End About Wrap -->
<div class="our-studio-wrap margin-top" style="background-image: url(img/about/IMG_ABOUT_1740X700_1.jpg);">
<div class="container">
<div class="row no-gap">
<div class="col-md-6">
<div class="bg-white wow animated fadeInUp" data-wow-duration="0.90s" data-wow-delay="0.10s">
<div class="box-content">
<div class="main-title text-center no-margin">
<h6>- Work process -</h6>
<h4>Philosophy</h4>
</div>
<p> We believe in thinking and designing with a sustainable and resilient approach on different scale tasks. An understanding of the importance of the surrounding context, translating the already existing successful pattern of a place into a possible useful designing tool. How an existing space, ‘revitalized’ can generate more opportunities, development, rather than building everything from scratch and how important is to rely on improved, past references. We believe that creativity doesn’t necessarily come only from within, but it can also be seen as a form of personal interpretation of the outside influences.</p>
<p>It's important for us to start every design project from an efficient research phase on the context, on the identity of specific triggering elements and combining them with the clients needs and requests and further on shaping them through our more personal creative interpretation.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="bg-image wow fadeInRight" data-wow-duration="0.90s" data-wow-delay="0.10s" style="background-image: url(img/about/iMG_ABOUT_585X658.jpg);"></div>
</div>
</div>
</div>
</div> <!-- End Our-studio Wrap -->
<a href="#" class="scrollToTop"><i class="pe-7s-angle-up"></i></a>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/owl.carousel.js"></script>
<script src="js/vendor/isotope.pkgd.min.js"></script>
<script src="js/vendor/jquery.waypoints.min.js"></script>
<script src="js/vendor/jquery.counterup.min.js"></script>
<script src="js/vendor/wow.min.js"></script>
<script src="js/vendor/video.js"></script>
<script src="js/min/main.min.js"></script>
</body>
</html>