<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qgraphicseffect.cpp -->
<title>Qt 4.8: QGraphicsBlurEffect Class Reference</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/functions.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style/superfish.css" />
<link rel="stylesheet" type="text/css" href="style/narrow.css" />
<!--[if IE]>
<meta name="MSSmartTagsPreventParsing" content="true">
<meta http-equiv="imagetoolbar" content="no">
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="style/style_ie6.css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style/style_ie7.css">
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/style_ie8.css">
<![endif]-->
<script src="scripts/superfish.js" type="text/javascript"></script>
<script src="scripts/narrow.js" type="text/javascript"></script>
</head>
<body class="" onload="CheckEmptyAndLoadList();">
<div class="header" id="qtdocheader">
<div class="content">
<div id="nav-logo">
<a href="index.html">Home</a></div>
<a href="index.html" class="qtref"><span>Qt Reference Documentation</span></a>
<div id="narrowsearch"></div>
<div id="nav-topright">
<ul>
<li class="nav-topright-home"><a href="http://qt.digia.com/">Qt HOME</a></li>
<li class="nav-topright-dev"><a href="http://qt-project.org/">DEV</a></li>
<li class="nav-topright-doc nav-topright-doc-active"><a href="http://qt-project.org/doc/">
DOC</a></li>
<li class="nav-topright-blog"><a href="http://blog.qt.digia.com/">BLOG</a></li>
</ul>
</div>
<div id="shortCut">
<ul>
<li class="shortCut-topleft-inactive"><span><a href="index.html">Qt 4.8</a></span></li>
<li class="shortCut-topleft-active"><a href="http://qt-project.org/doc/">ALL VERSIONS </a></li>
</ul>
</div>
<ul class="sf-menu" id="narrowmenu">
<li><a href="#">API Lookup</a>
<ul>
<li><a href="classes.html">Class index</a></li>
<li><a href="functions.html">Function index</a></li>
<li><a href="modules.html">Modules</a></li>
<li><a href="namespaces.html">Namespaces</a></li>
<li><a href="qtglobal.html">Global Declarations</a></li>
<li><a href="qdeclarativeelements.html">QML elements</a></li>
</ul>
</li>
<li><a href="#">Qt Topics</a>
<ul>
<li><a href="qt-basic-concepts.html">Programming with Qt</a></li>
<li><a href="qtquick.html">Device UIs & Qt Quick</a></li>
<li><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
<li><a href="supported-platforms.html">Supported Platforms</a></li>
<li><a href="technology-apis.html">Qt and Key Technologies</a></li>
<li><a href="best-practices.html">How-To's and Best Practices</a></li>
</ul>
</li>
<li><a href="#">Examples</a>
<ul>
<li><a href="all-examples.html">Examples</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="qdeclarativeexamples.html">QML Examples</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="wrapper">
<div class="hd">
<span></span>
</div>
<div class="bd group">
<div class="sidebar">
<div class="searchlabel">
Search index:</div>
<div class="search" id="sidebarsearch">
<form id="qtdocsearch" action="" onsubmit="return false;">
<fieldset>
<input type="text" name="searchstring" id="pageType" value="" />
<div id="resultdialog">
<a href="#" id="resultclose">Close</a>
<p id="resultlinks" class="all"><a href="#" id="showallresults">All</a> | <a href="#" id="showapiresults">API</a> | <a href="#" id="showarticleresults">Articles</a> | <a href="#" id="showexampleresults">Examples</a></p>
<p id="searchcount" class="all"><span id="resultcount"></span><span id="apicount"></span><span id="articlecount"></span><span id="examplecount"></span> results:</p>
<ul id="resultlist" class="all">
</ul>
</div>
</fieldset>
</form>
</div>
<div class="box first bottombar" id="lookup">
<h2 title="API Lookup"><span></span>
API Lookup</h2>
<div id="list001" class="list">
<ul id="ul001" >
<li class="defaultLink"><a href="classes.html">Class index</a></li>
<li class="defaultLink"><a href="functions.html">Function index</a></li>
<li class="defaultLink"><a href="modules.html">Modules</a></li>
<li class="defaultLink"><a href="namespaces.html">Namespaces</a></li>
<li class="defaultLink"><a href="qtglobal.html">Global Declarations</a></li>
<li class="defaultLink"><a href="qdeclarativeelements.html">QML elements</a></li>
</ul>
</div>
</div>
<div class="box bottombar" id="topics">
<h2 title="Qt Topics"><span></span>
Qt Topics</h2>
<div id="list002" class="list">
<ul id="ul002" >
<li class="defaultLink"><a href="qt-basic-concepts.html">Programming with Qt</a></li>
<li class="defaultLink"><a href="qtquick.html">Device UIs & Qt Quick</a></li>
<li class="defaultLink"><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
<li class="defaultLink"><a href="supported-platforms.html">Supported Platforms</a></li>
<li class="defaultLink"><a href="technology-apis.html">Qt and Key Technologies</a></li>
<li class="defaultLink"><a href="best-practices.html">How-To's and Best Practices</a></li>
</ul>
</div>
</div>
<div class="box" id="examples">
<h2 title="Examples"><span></span>
Examples</h2>
<div id="list003" class="list">
<ul id="ul003">
<li class="defaultLink"><a href="all-examples.html">Examples</a></li>
<li class="defaultLink"><a href="tutorials.html">Tutorials</a></li>
<li class="defaultLink"><a href="demos.html">Demos</a></li>
<li class="defaultLink"><a href="qdeclarativeexamples.html">QML Examples</a></li>
</ul>
</div>
</div>
</div>
<div class="wrap">
<div class="toolbar">
<div class="breadcrumb toolblock">
<ul>
<li class="first"><a href="index.html">Home</a></li>
<!-- Breadcrumbs go here -->
<li><a href="modules.html">Modules</a></li>
<li><a href="qtgui.html">QtGui</a></li>
<li>QGraphicsBlurEffect</li>
</ul>
</div>
<div class="toolbuttons toolblock">
<ul>
<li id="smallA" class="t_button">A</li>
<li id="medA" class="t_button active">A</li>
<li id="bigA" class="t_button">A</li>
<li id="print" class="t_button"><a href="javascript:this.print();">
<span>Print</span></a></li>
</ul>
</div>
</div>
<div class="content mainContent">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#public-types">Public Types</a></li>
<li class="level1"><a href="#properties">Properties</a></li>
<li class="level1"><a href="#public-functions">Public Functions</a></li>
<li class="level1"><a href="#public-slots">Public Slots</a></li>
<li class="level1"><a href="#signals">Signals</a></li>
<li class="level1"><a href="#protected-functions">Protected Functions</a></li>
<li class="level1"><a href="#details">Detailed Description</a></li>
</ul>
</div>
<h1 class="title">QGraphicsBlurEffect Class Reference</h1>
<!-- $$$QGraphicsBlurEffect-brief -->
<p>The QGraphicsBlurEffect class provides a blur effect. <a href="#details">More...</a></p>
<!-- @@@QGraphicsBlurEffect -->
<pre class="cpp"> <span class="preprocessor">#include <QGraphicsBlurEffect></span></pre><p><b>Inherits: </b><a href="qgraphicseffect.html">QGraphicsEffect</a>.</p>
<p>This class was introduced in Qt 4.6.</p>
<ul>
<li><a href="qgraphicsblureffect-members.html">List of all members, including inherited members</a></li>
</ul>
<a name="public-types"></a>
<h2>Public Types</h2>
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> enum </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#BlurHint-enum">BlurHint</a></b> { PerformanceHint, QualityHint, AnimationHint }</td></tr>
<tr><td class="memItemLeft rightAlign topAlign"> flags </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#BlurHint-enum">BlurHints</a></b></td></tr>
</table>
<a name="properties"></a>
<h2>Properties</h2>
<ul>
<li class="fn"><b><a href="qgraphicsblureffect.html#blurHints-prop">blurHints</a></b> : BlurHints</li>
<li class="fn"><b><a href="qgraphicsblureffect.html#blurRadius-prop">blurRadius</a></b> : qreal</li>
</ul>
<ul>
<li class="fn">1 property inherited from <a href="qgraphicseffect.html#properties">QGraphicsEffect</a></li>
<li class="fn">1 property inherited from <a href="qobject.html#properties">QObject</a></li>
</ul>
<a name="public-functions"></a>
<h2>Public Functions</h2>
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#QGraphicsBlurEffect">QGraphicsBlurEffect</a></b> ( QObject * <i>parent</i> = 0 )</td></tr>
<tr><td class="memItemLeft rightAlign topAlign"> </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#dtor.QGraphicsBlurEffect">~QGraphicsBlurEffect</a></b> ()</td></tr>
<tr><td class="memItemLeft rightAlign topAlign"> BlurHints </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#blurHints-prop">blurHints</a></b> () const</td></tr>
<tr><td class="memItemLeft rightAlign topAlign"> qreal </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#blurRadius-prop">blurRadius</a></b> () const</td></tr>
</table>
<a name="reimplemented-public-functions"></a>
<h2>Reimplemented Public Functions</h2>
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> virtual QRectF </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#boundingRectFor">boundingRectFor</a></b> ( const QRectF & <i>rect</i> ) const</td></tr>
</table>
<ul>
<li class="fn">3 public functions inherited from <a href="qgraphicseffect.html#public-functions">QGraphicsEffect</a></li>
<li class="fn">29 public functions inherited from <a href="qobject.html#public-functions">QObject</a></li>
</ul>
<a name="public-slots"></a>
<h2>Public Slots</h2>
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> void </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#blurHints-prop">setBlurHints</a></b> ( BlurHints <i>hints</i> )</td></tr>
<tr><td class="memItemLeft rightAlign topAlign"> void </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#blurRadius-prop">setBlurRadius</a></b> ( qreal <i>blurRadius</i> )</td></tr>
</table>
<ul>
<li class="fn">2 public slots inherited from <a href="qgraphicseffect.html#public-slots">QGraphicsEffect</a></li>
<li class="fn">1 public slot inherited from <a href="qobject.html#public-slots">QObject</a></li>
</ul>
<a name="signals"></a>
<h2>Signals</h2>
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> void </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#blurHintsChanged">blurHintsChanged</a></b> ( BlurHints <i>hints</i> )</td></tr>
<tr><td class="memItemLeft rightAlign topAlign"> void </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#blurRadiusChanged">blurRadiusChanged</a></b> ( qreal <i>radius</i> )</td></tr>
</table>
<ul>
<li class="fn">1 signal inherited from <a href="qgraphicseffect.html#signals">QGraphicsEffect</a></li>
<li class="fn">1 signal inherited from <a href="qobject.html#signals">QObject</a></li>
</ul>
<a name="reimplemented-protected-functions"></a>
<h2>Reimplemented Protected Functions</h2>
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> virtual void </td><td class="memItemRight bottomAlign"><b><a href="qgraphicsblureffect.html#draw">draw</a></b> ( QPainter * <i>painter</i> )</td></tr>
</table>
<ul>
<li class="fn">7 protected functions inherited from <a href="qgraphicseffect.html#protected-functions">QGraphicsEffect</a></li>
<li class="fn">8 protected functions inherited from <a href="qobject.html#protected-functions">QObject</a></li>
</ul>
<h3>Additional Inherited Members</h3>
<ul>
<li class="fn">7 static public members inherited from <a href="qobject.html#static-public-members">QObject</a></li>
<li class="fn">7 protected functions inherited from <a href="qgraphicseffect.html#protected-functions">QGraphicsEffect</a></li>
<li class="fn">8 protected functions inherited from <a href="qobject.html#protected-functions">QObject</a></li>
</ul>
<a name="details"></a>
<!-- $$$QGraphicsBlurEffect-description -->
<div class="descr">
<h2>Detailed Description</h2>
<p>The QGraphicsBlurEffect class provides a blur effect.</p>
<p>A blur effect blurs the source. This effect is useful for reducing details, such as when the source loses focus and you want to draw attention to other elements. The level of detail can be modified using the <a href="qgraphicsblureffect.html#blurRadius-prop">setBlurRadius</a>() function. Use <a href="qgraphicsblureffect.html#blurHints-prop">setBlurHints</a>() to choose the blur hints.</p>
<p>By default, the blur radius is 5 pixels. The blur radius is specified in device coordinates.</p>
<p class="centerAlign"><img src="images/graphicseffect-blur.png" alt="" /></p></div>
<p><b>See also </b><a href="qgraphicsdropshadoweffect.html">QGraphicsDropShadowEffect</a>, <a href="qgraphicscolorizeeffect.html">QGraphicsColorizeEffect</a>, and <a href="qgraphicsopacityeffect.html">QGraphicsOpacityEffect</a>.</p>
<!-- @@@QGraphicsBlurEffect -->
<div class="types">
<h2>Member Type Documentation</h2>
<!-- $$$BlurHint$$$PerformanceHint$$$QualityHint$$$AnimationHint -->
<h3 class="flags"><a name="BlurHint-enum"></a>enum QGraphicsBlurEffect::<span class="name">BlurHint</span><br/>flags QGraphicsBlurEffect::<span class="name">BlurHints</span></h3>
<p>This enum describes the possible hints that can be used to control how blur effects are applied. The hints might not have an effect in all the paint engines.</p>
<table class="valuelist"><tr valign="top" class="odd"><th class="tblConst">Constant</th><th class="tblval">Value</th><th class="tbldscr">Description</th></tr>
<tr><td class="topAlign"><tt>QGraphicsBlurEffect::PerformanceHint</tt></td><td class="topAlign"><tt>0x00</tt></td><td class="topAlign">Indicates that rendering performance is the most important factor, at the potential cost of lower quality.</td></tr>
<tr><td class="topAlign"><tt>QGraphicsBlurEffect::QualityHint</tt></td><td class="topAlign"><tt>0x01</tt></td><td class="topAlign">Indicates that rendering quality is the most important factor, at the potential cost of lower performance.</td></tr>
<tr><td class="topAlign"><tt>QGraphicsBlurEffect::AnimationHint</tt></td><td class="topAlign"><tt>0x02</tt></td><td class="topAlign">Indicates that the blur radius is going to be animated, hinting that the implementation can keep a cache of blurred verisons of the source. Do not use this hint if the source is going to be dynamically changing.</td></tr>
</table>
<p>This enum was introduced or modified in Qt 4.6.</p>
<p>The BlurHints type is a typedef for <a href="qflags.html">QFlags</a><BlurHint>. It stores an OR combination of BlurHint values.</p>
<p><b>See also </b><a href="qgraphicsblureffect.html#blurHints-prop">blurHints</a>() and <a href="qgraphicsblureffect.html#blurHints-prop">setBlurHints</a>().</p>
<!-- @@@BlurHint -->
</div>
<div class="prop">
<h2>Property Documentation</h2>
<!-- $$$blurHints-prop$$$blurHints$$$setBlurHintsBlurHints$$$blurHintsChangedBlurHints -->
<h3 class="fn"><a name="blurHints-prop"></a><span class="name">blurHints</span> : <span class="type"><a href="qgraphicsblureffect.html#BlurHint-enum">BlurHints</a></span></h3>
<p>This property holds the blur hint of the effect.</p>
<p>Use the <a href="qgraphicsblureffect.html#BlurHint-enum">PerformanceHint</a> hint to say that you want a faster blur, the <a href="qgraphicsblureffect.html#BlurHint-enum">QualityHint</a> hint to say that you prefer a higher quality blur, or the <a href="qgraphicsblureffect.html#BlurHint-enum">AnimationHint</a> when you want to animate the blur radius.</p>
<p>By default, the blur hint is <a href="qgraphicsblureffect.html#BlurHint-enum">PerformanceHint</a>.</p>
<p><b>Access functions:</b></p>
<table class="alignedsummary">
<tr><td class="memItemLeft topAlign rightAlign"> BlurHints </td><td class="memItemRight bottomAlign"><span class="name"><b>blurHints</b></span> () const</td></tr>
<tr><td class="memItemLeft topAlign rightAlign"> void </td><td class="memItemRight bottomAlign"><span class="name"><b>setBlurHints</b></span> ( BlurHints <i>hints</i> )</td></tr>
</table>
<p><b>Notifier signal:</b></p>
<table class="alignedsummary">
<tr><td class="memItemLeft topAlign rightAlign"> void </td><td class="memItemRight bottomAlign"><span class="name"><b><a href="qgraphicsblureffect.html#blurHintsChanged">blurHintsChanged</a></b></span> ( BlurHints <i>hints</i> )</td></tr>
</table>
<!-- @@@blurHints -->
<!-- $$$blurRadius-prop$$$blurRadius$$$setBlurRadiusqreal$$$blurRadiusChangedqreal -->
<h3 class="fn"><a name="blurRadius-prop"></a><span class="name">blurRadius</span> : <span class="type"><a href="qtglobal.html#qreal-typedef">qreal</a></span></h3>
<p>This property holds the blur radius of the effect.</p>
<p>Using a smaller radius results in a sharper appearance, whereas a bigger radius results in a more blurred appearance.</p>
<p>By default, the blur radius is 5 pixels.</p>
<p>The radius is given in device coordinates, meaning it is unaffected by scale.</p>
<p><b>Access functions:</b></p>
<table class="alignedsummary">
<tr><td class="memItemLeft topAlign rightAlign"> qreal </td><td class="memItemRight bottomAlign"><span class="name"><b>blurRadius</b></span> () const</td></tr>
<tr><td class="memItemLeft topAlign rightAlign"> void </td><td class="memItemRight bottomAlign"><span class="name"><b>setBlurRadius</b></span> ( qreal <i>blurRadius</i> )</td></tr>
</table>
<p><b>Notifier signal:</b></p>
<table class="alignedsummary">
<tr><td class="memItemLeft topAlign rightAlign"> void </td><td class="memItemRight bottomAlign"><span class="name"><b><a href="qgraphicsblureffect.html#blurRadiusChanged">blurRadiusChanged</a></b></span> ( qreal <i>radius</i> )</td></tr>
</table>
<!-- @@@blurRadius -->
</div>
<div class="func">
<h2>Member Function Documentation</h2>
<!-- $$$QGraphicsBlurEffect[overload1]$$$QGraphicsBlurEffectQObject* -->
<h3 class="fn"><a name="QGraphicsBlurEffect"></a>QGraphicsBlurEffect::<span class="name">QGraphicsBlurEffect</span> ( <span class="type"><a href="qobject.html">QObject</a></span> * <i>parent</i> = 0 )</h3>
<p>Constructs a new <a href="qgraphicsblureffect.html">QGraphicsBlurEffect</a> instance. The <i>parent</i> parameter is passed to <a href="qgraphicseffect.html">QGraphicsEffect</a>'s constructor.</p>
<!-- @@@QGraphicsBlurEffect -->
<!-- $$$~QGraphicsBlurEffect[overload1]$$$~QGraphicsBlurEffect -->
<h3 class="fn"><a name="dtor.QGraphicsBlurEffect"></a>QGraphicsBlurEffect::<span class="name">~QGraphicsBlurEffect</span> ()</h3>
<p>Destroys the effect.</p>
<!-- @@@~QGraphicsBlurEffect -->
<!-- $$$blurHintsChanged[overload1]$$$blurHintsChangedBlurHints -->
<h3 class="fn"><a name="blurHintsChanged"></a><span class="type">void</span> QGraphicsBlurEffect::<span class="name">blurHintsChanged</span> ( <span class="type"><a href="qgraphicsblureffect.html#BlurHint-enum">BlurHints</a></span> <i>hints</i> )<tt> [signal]</tt></h3>
<p>This signal is emitted whenever the effect's blur hints changes. The <i>hints</i> parameter holds the effect's new blur hints.</p>
<!-- @@@blurHintsChanged -->
<!-- $$$blurRadiusChanged[overload1]$$$blurRadiusChangedqreal -->
<h3 class="fn"><a name="blurRadiusChanged"></a><span class="type">void</span> QGraphicsBlurEffect::<span class="name">blurRadiusChanged</span> ( <span class="type"><a href="qtglobal.html#qreal-typedef">qreal</a></span> <i>radius</i> )<tt> [signal]</tt></h3>
<p>This signal is emitted whenever the effect's blur radius changes. The <i>radius</i> parameter holds the effect's new blur radius.</p>
<!-- @@@blurRadiusChanged -->
<!-- $$$boundingRectFor[overload1]$$$boundingRectForconstQRectF& -->
<h3 class="fn"><a name="boundingRectFor"></a><span class="type"><a href="qrectf.html">QRectF</a></span> QGraphicsBlurEffect::<span class="name">boundingRectFor</span> ( const <span class="type"><a href="qrectf.html">QRectF</a></span> & <i>rect</i> ) const<tt> [virtual]</tt></h3>
<p>Reimplemented from <a href="qgraphicseffect.html#boundingRectFor">QGraphicsEffect::boundingRectFor</a>().</p>
<!-- @@@boundingRectFor -->
<!-- $$$draw[overload1]$$$drawQPainter* -->
<h3 class="fn"><a name="draw"></a><span class="type">void</span> QGraphicsBlurEffect::<span class="name">draw</span> ( <span class="type"><a href="qpainter.html">QPainter</a></span> * <i>painter</i> )<tt> [virtual protected]</tt></h3>
<p>Reimplemented from <a href="qgraphicseffect.html#draw">QGraphicsEffect::draw</a>().</p>
<!-- @@@draw -->
</div>
</div>
</div>
</div>
<div class="ft">
<span></span>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2013 Digia Plc and/or its
subsidiaries. Documentation contributions included herein are the copyrights of
their respective owners.</p>
<br />
<p>
The documentation provided herein is licensed under the terms of the
<a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation
License version 1.3</a> as published by the Free Software Foundation.</p>
<p>
Documentation sources may be obtained from <a href="http://www.qt-project.org">
www.qt-project.org</a>.</p>
<br />
<p>
Digia, Qt and their respective logos are trademarks of Digia Plc
in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. <a title="Privacy Policy"
href="http://en.gitorious.org/privacy_policy/">Privacy Policy</a></p>
</div>
<script src="scripts/functions.js" type="text/javascript"></script>
</body>
</html>
