<!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, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;

            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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>

                        </tr>

            </table>

</div>

<div>

            <table width="600" align="center">

                        <tr>

                                    <td align="center">&nbsp;</td>

                                    <td align="center">&nbsp;</td>

                                    <td align="center">&nbsp;</td>

                        </tr>

                        <tr>

                                    <td align="center">&nbsp;</td>

                                    <td align="center">&nbsp;</td>

                                    <td align="center">&nbsp;</td>

                        </tr>

                        <tr>

                                    <td align="center">&nbsp;</td>

                                    <td align="center">&nbsp;</td>

                                    <td align="center">&nbsp;</td>

                        </tr>

                        <tr>

                                    <td align="center">&nbsp;</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">&nbsp;</td>

                        </tr>

                        <tr>

                                    <td align="center">&nbsp;</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">&nbsp;</td>

                        </tr>

            </table>

</div>

</body>

</html>