Line wrap |
|
|
<!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.0, maximum-scale=1.0" /> |
|
|
|
<title>+ + Chad Bonanno | Designer + Animator | Los Angeles , CA | 323.527.4119 + +</title> |
|
<meta name="Description" content="Cinematagraphy Chad Bonanno - Animation, Design, Motion Graphics" /> |
|
<meta name="Keywords" content="Cinematagraphy, ona1r, chad, chad bonanno, motion design, design, animation, MOTION GRAPHICS developer, CINEMATOGRAPHY, DESIGN," /> |
|
<meta name="robots" content="all" /> |
|
<meta http-equiv="imagetoolbar" content="no" /> |
|
<meta name="MSSmartTagsPreventParsing" content="true" /> |
|
<meta name="Copyright" content="(c) 2010 Chad Bonanno" /> |
|
|
|
<link href="css/bootstrap.min.css" rel="stylesheet"> |
|
<link href="fonts/style.css" rel="stylesheet" type="text/css"> |
|
<link href="webfonts/CB/stylesheet.css" rel="stylesheet" type="text/css"> |
|
<link href="webfonts/Din_Next_Pro/stylesheet.css" rel="stylesheet" type="text/css"> |
|
|
|
<link href="css/2-col-portfolio.css" rel="stylesheet"> |
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> |
|
|
|
<!--[if lt IE 9]> |
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |
|
<![endif]--> |
|
|
|
<style type="text/css"> |
|
@import url("webfonts/CB/stylesheet.css"); |
|
@import url("webfonts/CB/stylesheet.css"); |
|
|
|
|
|
body { |
|
background-image: url(images/Cinematpgraphy-animator-bkfull.png); |
|
background-position: center center; |
|
background-repeat: no-repeat; |
|
background-attachment: fixed; |
|
background-size: cover; |
|
background-color:#ffffff; |
|
} |
|
|
|
/* For mobile devices */ |
|
/*html { |
|
background: url(images/MOTION-GRAPHICS-bk1024.png); |
|
-webkit-background-size: cover; |
|
-moz-background-size: cover; |
|
-o-background-size: cover; |
|
background-size: cover; |
|
}*/ |
|
|
|
|
|
@media only screen and (max-width:1190px) and (min-width: 1020px){ |
|
body{ |
|
background-image:url( images/MOTION-GRAPHICS-bk1024.png); |
|
no-repeat center center fixed; |
|
-webkit-background-size: cover; |
|
-moz-background-size: cover; |
|
-o-background-size: cover; |
|
background-size: cover; |
|
width:100%; |
|
} |
|
} |
|
|
|
@media only screen and (max-width:780px) and (min-width: 760px){ |
|
body{ |
|
background-image:url( images/animator-developer-bk800.png); |
|
no-repeat center center fixed; |
|
-webkit-background-size: cover; |
|
-moz-background-size: cover; |
|
-o-background-size: cover; |
|
background-size: cover; |
|
width:100%; |
|
} |
|
|
|
} |
|
|
|
|
|
@media only screen and (max-width:490px) and (min-width: 400px){ |
|
body{ |
|
background-image:url( images/animator-developer-bk500.png); |
|
no-repeat center center fixed; |
|
-webkit-background-size: cover; |
|
-moz-background-size: cover; |
|
-o-background-size: cover; |
|
background-size: cover; |
|
width:100%; |
|
} |
|
|
|
|
|
} |
|
|
|
@media only screen and (max-width:390px) and (min-width: 310px){ |
|
body{ |
|
background-image:url( images/animator-developer-bk400.png); |
|
no-repeat center center fixed; |
|
-webkit-background-size: cover; |
|
-moz-background-size: cover; |
|
-o-background-size: cover; |
|
background-size: cover; |
|
width:100%; |
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
.pagination>li>a, .pagination>li>span { |
|
border: 1px solid rgba(221, 221, 221, 0); |
|
} |
|
.p-fomat{margin-top: -15px; margin-left: 30px;} |
|
.p-fomat-b{margin-top: -5px; margin-left: 30px;} |
|
.p-fomat-c{margin-top: -10px; margin-left: 52px; font-size: 12px;} |
|
a{color:#000000; } |
|
.text-back{ background-color: #CCCCCC; padding: 2px;} |
|
a:focus, a:hover { |
|
color: #23527c; |
|
text-decoration: none; |
|
font-family: CB; |
|
} |
|
.bt-marg{margin-bottom:80px} |
|
.bt-marg-sos{margin-bottom:40px} |
|
|
|
|
|
.h1, h1 { |
|
font-size: 36px; |
|
} |
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
<script> |
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
|
|
|
ga('create', 'UA-336370-46', 'auto'); |
|
ga('send', 'pageview'); |
|
|
|
</script> |
|
|
|
<script src="https://www.w3counter.com/tracker.js?id=101395"></script> |
|
|
|
</head> |
|
|
|
|
|
<body> |
|
<div></div> |
|
<div class="container"> |
|
|
|
<div class="row"> |
|
<div class="col-lg-12"> |
|
<p> </p> |
|
<p> </p> |
|
</div> |
|
</div> |
|
<iframe src="https://player.vimeo.com/video/562355399" width=“12”80 height=“720” frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> |
|
<h3> </h3> |
|
<div class="row bt-marg"></div> |
|
|
|
|
|
|
|
|
|
<!-- <hr> |
|
|
|
<footer> |
|
<div class="row"> |
|
<div class="col-lg-12"> |
|
<p>Copyright © 2016</p> |
|
</div> |
|
</div> |
|
|
|
</footer> --> |
|
|
|
</div> |
|
|
|
<script src="js/jquery.js"></script> |
|
|
|
<script src="js/bootstrap.min.js"></script> |
|
|
|
</body> |
|
|
|
</html> |
|
|