<!DOCTYPE HTML>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="description" content="The website of FyDrak Fabrications and Suzanne LaTulipe">
<meta name="keywords" content="FyrDrak, FyrDrak Fabrications, Suzanne R. LaTulipe, Suz, Video Production, Digital Media, Websites, Graphic Art, Animation, Eastern Connecticut, Massachusetts, Rhode island, The Last Green Valley, Blue Dragon">
<meta name="FyrDrak Fabrications" content="Suzanne LaTulipe">
<title>FyrDrak Fabrications - Home</title>
<style type="text/css">
body,td,th {
font-family: Trebuchet MS,
font-style: normal;
font-weight: normal;
font-size: "3"
color: #585858;
}body {
body {
background-image: url(01-fyrdrak-background.png);
background-repeat: repeat;
}
</style>
</head>
<body background="01-fyrdrak-background.png" link="#87dbcd" vlink="#87dbcd"
onLoad="MM_preloadImages
(')">
<style>
align: {center}
#content {padding: 0px 0px 0px 0px;}
#nav {background <
width: 1350px;
float: left;}
#main {width: 240px
float: right;}
#footer {clear: both;}
.home_page{
width: 1200px;
margin: 0 auto 0;
padding: 0;}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onLoad="MM_preloadImages
('03-home-ro-button.png',
'031-reviews-ro-button.png'.
‘032-news-ro-button.png',
‘033-vimeo-ro-button.png',
'04-video-ro-button.png',
'040-film-and-theater-ro-banner.png',
'041-script-development-ro-button.png',
'042-line-production-ro-button.png',
'043-casting-ro-button.png',
'044-directing-ro-button.png',
'045-editing-ro-button.png',
'046-film-marketing-ro-button.png',
'05-graphics-ro-button.png',
'050-graphic-art-and-craftwork-ro-banner.png',
‘051-illustration-ro-button.png’,
‘052-photography-ro-button.png’,
‘053-titling-ro-button.png’,
‘056-fine-art-ro-button.png’,
'06-media-ro-button.png',
'060-digital-media-ro-banner.png',
‘061-animation-ro-button.png’,
‘062-websites-ro-button.png’,
‘063-gifs-ro-button.png’,
‘064-memes-ro-button.png’,
'065-print-ro-button.png',
'066-html-ro-button.png',
'07-about-ro-button.png',
‘071-plans-ro-button.png,
‘072-experience-button.png’,
'08-contact-ro-button.png',
'99-facebook-ro-icon.png',
)>
<style>
align: {center}
#content {padding: 0px 0px 0px 0px;}
#nav {background <
width: 1350px;
float: left;}
#main {width: 240px
float: right;}
#footer {clear: both;}
.home_page{
width: 1200px;
margin: 0 auto 0;
padding: 0;}
</style>
<body>
<div class="home_page">
<table width="675" align="center">
<tr>
<td>
<img src="images/02-fyrdrak-banner-w-black-frame.png" width="675" id="Image2"/>
</td>
</tr>
</table>
<table width="675" align="center">
<tr>
<td width="6" align="center"> </td>
<td>
<a href="index.html"><img src="images/03-home-button.png" width="216" id="Image3" onMouseOver="MM_swapImage('Image3','','images/03-home-ro-button.png' ,1)"
onMouseOut="MM_swapImgRestore()" />
</a>
<a href="04-video.html"><img src="images/04-video-button.png" width="216" id="Image4" onMouseOver="MM_swapImage('Image4','','images/04-video-ro-button.png',1)"
onMouseOut="MM_swapImgRestore()" />
</a>
<a href="05-graphics.html"><img src="images/05-graphics-button.png" width="216" id="Image5" onMouseOver="MM_swapImage('Image5','','images/05-graphics-ro-button.png',1)"
onMouseOut="MM_swapImgRestore()" />
</a>
<a href="06-media.html"><img src="images/06-media-button.png" width="216" id="Image6" onMouseOver="MM_swapImage('Image6','','images/06-media-ro-button.png',1)"
onMouseOut="MM_swapImgRestore()" />
</a>
<a href="07-about.html"><img src="images/07-about-button.png" width="216" id="Image7" onMouseOver="MM_swapImage('Image7','','images/07-about-ro-button.png',1)"
onMouseOut="MM_swapImgRestore()" />
</a>
<a href="08-contact.html"><img src="images/08-contact-button.png" width="216" id="Image8" onMouseOver="MM_swapImage('Image8','','images/08-contact-ro-button.png',1)"
onMouseOut="MM_swapImgRestore()" />
</a>
</td>
</tr>
</table>
</div>
<div style="text-align:center">
<table width="675" align="center">
<tr>
<td width="30" align="center"> </td>
<td>
<iframe width="384" height="216" src="https://www.youtube.com/embed/CgcvOh22Fg4" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</td>
<td width="30" align="center"> </td>
</tr>
</table>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig() {
myVideo.width = 960;
}
function makeSmall() {
myVideo.width = 320;
}
function makeNormal() {
myVideo.width = 480;
}
</script>
</div>
<div align="center">
<table align="center" width="600" border="0">
<tr>
<td align="center" width="15"> </td>
<td align="center"><font size="3" color="#ffffff">
Enjoy a video I animated while I prepare for the new FyrDrak Channel on vimeo and youtube.com. Music by Dr. Martino. Art by Bill Dougal
</td>
<td align="center"width="10"> </td>
</tr>
</table>
</div>
<div>
<table width="600" align="center">
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"><font size="6" color="#ff7a00">
Find<br>
FyrDrak Fabrications<br>
on Facebook
<br>
Just click the FyrDrak</font></td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center">
<a href="https://www.facebook.com/FyrDrak-Fabrications-645871615843086/"><img src="images/21-blue-dragon.png" width="216" id="Image27" onMouseOver="MM_swapImage('Image27','','images/21-blue-dragon-ro.png',1)"
onMouseOut="MM_swapImgRestore()" />
</a>
</td>
<td align="center"> </td>
</tr>
</table>
</div>
</body>
</html>