-
Notifications
You must be signed in to change notification settings - Fork 0
/
porto-master.html
141 lines (116 loc) · 5.63 KB
/
porto-master.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Payam Tabrizian Portfolio</title>
<link rel="shortcut icon" href="img/favicon.png">
<!-- CSS Styles -->
<link rel='stylesheet' id='quicksand-google-font' href='https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='css/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='fontello-css' href='css/fontello.css' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-css' href='css/owl.carousel.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-theme-css' href='css/owl.theme.default.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='main-styles-css' href='css/main.css' type='text/css' media='all' />
<!-- End Styles -->
</head>
<body>
<!-- Preloader -->
<div class="jayo-preloader">
<div class="animation circle"></div>
</div>
<!-- -->
<div id="page" class="site">
<header id="masthead" class="jayo-site-header container basic">
<div class="row">
<!-- Logo -->
<!--div class="site-brand col-6">
<a href="index.html">
<img src="img/logo.png" alt="logo"/>
</a>
</div>
<!-- -->
<!-- Navigation -->
<div class="jayo-menu-wrapper col-6">
<div class="jayo-nav-icon closed">
<span></span>
<span></span>
<span></span>
</div>
<div class="jayo-menu">
<ul id="menu-main-menu" class="menu">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about-me.html">About me</a></li>
<li class="menu-item"><a href="portfolio.html">Portfolio</a></li>
<li class="menu-item"><a href="publication.html">Publications</a></li>
<li class="menu-item"><a href="presentations.html">Talks</a></li>
<li class="menu-item"><a href="tutorials.html">Tutorials</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<!-- -->
</div>
</header>
<div id="content" class="site-content">
<!-- Header -->
<div class="jayo-page-header container">
<div class="caption">
<h2>Tangible Immersion for ecological design</h2>
<p>Posted on November 8, 2017</p>
</div>
</div>
<!-- -->
<section id="primary" class="single-post">
<main id="main" class="site-main" role="main">
<article class="container">
<!--<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" style="width:1200px; height:1000px; margin-left:28%; margin-top:25px"
src="http://e.issuu.com/embed.html#2964948/60727821" frameborder="0" allowfullscreen></iframe>" allowfullscreen></iframe> -->
<div class="thumb">
<img src="D:\portfolio_image_example\Converted\thesis_1.svg" style="width:1200px; border-bottom: 1px solid #e9e9e9; margin-left:28%; margin-top:25px" alt="Kiwi standing on oval">
<img src="D:\portfolio_image_example\Converted\thesis_2.svg" style="width:1200px; margin-left:28%; margin-top:25px" alt="Kiwi standing on oval">
<img src="D:\portfolio_image_example\Converted\thesis_3.svg" style="width:1200px; margin-left:28%; margin-top:25px" alt="Kiwi standing on oval">
<div class="post-single-slideshow owl-carousel owl-theme">
<a href="img/portfolio/book1.jpg" target="_blank">
<img src="img/portfolio/book1-slider.jpg" alt="" />
</a>
<a href="D:\portfolio_image_example\Converted\thesis_2.svg" target="_blank">
<img src="D:\portfolio_image_example\Converted\thesis_1.svg" alt="" />
</a>
</div>
<div>
</div>
<!-- Footer -->
<footer class="jayo-site-footer">
<div class="copyright-area">
<div class="container">
<ul class="social-media list-unstyled">
<li><a href="https://www.facebook.com/payam.tb/media_set?set=a.10150277763005023.526086.718030022&type=3" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/Payam_tabrizian" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/payam-tabrizian-22225832/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/ptabriz" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>
</ul>
<div class="copyright">© 2017 Payam Tabrizian</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Start JS (placed at bottom for better page speed) -->
<!-- jQuery -->
<script type='text/javascript' src='js/jquery-3.2.1.min.js'></script>
<script type='text/javascript' src='js/jquery-migrate-1.4.1.min.js'></script>
<script type='text/javascript' src='js/jquery.appear.js'></script>
<script type='text/javascript' src='js/jquery.infinitescroll.js'></script>
<!-- -->
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/imagesloaded.pkgd.min.js'></script>
<script type='text/javascript' src='js/isotope.pkgd.min.js'></script>
<script type='text/javascript' src='js/owl.carousel.min.js'></script>
<script type='text/javascript' src='js/jayo-main.js'></script>
<!-- -->
</body>
</html>