<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- Generated by javadoc (25) on Tue Jun 16 06:13:09 UTC 2026 -->
<title>DoughnutChart (Codename One API)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="dc.created" content="2026-06-16">
<meta name="description" content="declaration: package: com.codename1.charts.views, class: DoughnutChart">
<meta name="generator" content="javadoc/ClassWriter">
<link rel="stylesheet" type="text/css" href="../../../../resource-files/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="../../../../resource-files/stylesheet.css">
<link rel="stylesheet" type="text/css" href="../../../../resource-files/highlight.css">
<script type="text/javascript" src="../../../../script-files/script.js"></script>
<script type="text/javascript" src="../../../../script-files/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="../../../../script-files/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../../../script-files/highlight.min.js"></script>
<script type="text/javascript" src="../../../../script-files/javadoc-highlight-init.js"></script>
</head>
<body class="class-declaration-page">
<script type="text/javascript">const pathtoroot = "../../../../";
loadScripts(document, 'script');</script>
<noscript>
<div>JavaScript is disabled on your browser.</div>
</noscript>
<header role="banner">
<nav role="navigation">
<!-- ========= START OF TOP NAVBAR ======= -->
<div class="top-nav" id="navbar-top">
<div class="nav-content">
<div class="nav-menu-button"><button id="navbar-toggle-button" aria-controls="navbar-top" aria-expanded="false" aria-label="Toggle navigation links"><span class="nav-bar-toggle-icon">&nbsp;</span><span class="nav-bar-toggle-icon">&nbsp;</span><span class="nav-bar-toggle-icon">&nbsp;</span></button></div>
<div class="skip-nav"><a href="#skip-navbar-top" title="Skip navigation links">Skip navigation links</a></div>
<ul id="navbar-top-firstrow" class="nav-list" title="Navigation">
<li><a href="../../../../index.html">Overview</a></li>
<li class="nav-bar-cell1-rev">Class</li>
<li><a href="package-tree.html">Tree</a></li>
<li><a href="../../../../deprecated-list.html">Deprecated</a></li>
<li><a href="../../../../index-all.html">Index</a></li>
<li><a href="../../../../search.html">Search</a></li>
<li><a href="../../../../help-doc.html#class">Help</a></li>
</ul>
</div>
</div>
<div class="sub-nav">
<div class="nav-content">
<ol class="sub-nav-list">
<li><a href="package-summary.html">com.codename1.charts.views</a></li>
<li><a href="DoughnutChart.html" class="current-selection">DoughnutChart</a></li>
</ol>
<div class="nav-list-search"><input type="text" id="search-input" disabled placeholder="Search documentation (type /)" aria-label="Search in documentation" autocomplete="off" spellcheck="false"><input type="reset" id="reset-search" disabled value="Reset"></div>
</div>
</div>
<!-- ========= END OF TOP NAVBAR ========= -->
<span class="skip-nav" id="skip-navbar-top"></span></nav>
</header>
<div class="main-grid">
<nav role="navigation" class="toc" aria-label="Table of contents">
<div class="toc-header">Contents&nbsp;<input type="text" class="filter-input" disabled placeholder="Filter contents (type .)" aria-label="Filter table of contents" autocomplete="off" spellcheck="false"><input type="reset" class="reset-filter" disabled tabindex="-1" value="Reset"></div>
<ol class="toc-list" tabindex="-1">
<li><a href="#" tabindex="0">Description</a></li>
<li><a href="#field-summary" tabindex="0">Field Summary</a></li>
<li><a href="#constructor-summary" tabindex="0">Constructor Summary</a></li>
<li><a href="#method-summary" tabindex="0">Method Summary</a></li>
<li><a href="#constructor-detail" tabindex="0">Constructor Details</a>
<ol class="toc-list">
<li><a href="#%3Cinit%3E(com.codename1.charts.models.MultipleCategorySeries,com.codename1.charts.renderers.DefaultRenderer)" tabindex="0">DoughnutChart(MultipleCategorySeries, DefaultRenderer)</a></li>
</ol>
</li>
<li><a href="#method-detail" tabindex="0">Method Details</a>
<ol class="toc-list">
<li><a href="#draw(com.codename1.charts.compat.Canvas,int,int,int,int,com.codename1.charts.compat.Paint)" tabindex="0">draw(Canvas, int, int, int, int, Paint)</a></li>
<li><a href="#getLegendShapeWidth(int)" tabindex="0">getLegendShapeWidth(int)</a></li>
<li><a href="#drawLegendShape(com.codename1.charts.compat.Canvas,com.codename1.charts.renderers.SimpleSeriesRenderer,float,float,int,com.codename1.charts.compat.Paint)" tabindex="0">drawLegendShape(Canvas, SimpleSeriesRenderer, float, float, int, Paint)</a></li>
</ol>
</li>
</ol>
<button class="hide-sidebar"><span>Hide sidebar&nbsp;</span><img src="../../../../resource-files/left.svg" alt="Hide sidebar"></button><button class="show-sidebar"><img src="../../../../resource-files/right.svg" alt="Show sidebar"><span>&nbsp;Show sidebar</span></button></nav>
<main role="main">
<!-- ======== START OF CLASS DATA ======== -->
<div class="header">
<h1 title="Class DoughnutChart" class="title">Class DoughnutChart</h1>
</div>
<div class="inheritance" title="Inheritance Tree"><a href="../../../../java/lang/Object.html" title="class in java.lang">java.lang.Object</a>
<div class="inheritance"><a href="AbstractChart.html" title="class in com.codename1.charts.views">com.codename1.charts.views.AbstractChart</a>
<div class="inheritance"><a href="RoundChart.html" title="class in com.codename1.charts.views">com.codename1.charts.views.RoundChart</a>
<div class="inheritance">com.codename1.charts.views.DoughnutChart</div>
</div>
</div>
</div>
<section class="class-description" id="class-description">
<hr>
<div class="horizontal-scroll">
<div class="type-signature"><span class="modifiers">public class </span><span class="element-name type-name-label">DoughnutChart</span>
<span class="extends-implements">extends <a href="RoundChart.html" title="class in com.codename1.charts.views">RoundChart</a></span></div>
<div class="block"><p>Visualises a <code>MultipleCategorySeries</code> as concentric rings that share a
common centre (also known as a doughnut chart).</p>
<p>Each category in the dataset is drawn as a separate ring, making it suitable
for representing hierarchical proportions. Construct the chart with the
dataset and a <code>DefaultRenderer</code> and wrap it in a
<code>com.codename1.charts.ChartComponent</code> to place it on screen.</p>
</div>
</div>
</section>
<section class="summary">
<ul class="summary-list">
<!-- =========== FIELD SUMMARY =========== -->
<li>
<section class="field-summary" id="field-summary">
<h2>Field Summary</h2>
<div class="inherited-list">
<h3 id="fields-inherited-from-class-com.codename1.charts.views.RoundChart">Fields inherited from class&nbsp;<a href="RoundChart.html#field-summary" title="class in com.codename1.charts.views">RoundChart</a></h3>
<code><a href="RoundChart.html#autoCalculateCenter">autoCalculateCenter</a>, <a href="RoundChart.html#mCenterX">mCenterX</a>, <a href="RoundChart.html#mCenterY">mCenterY</a>, <a href="RoundChart.html#mRenderer">mRenderer</a>, <a href="RoundChart.html#NO_VALUE">NO_VALUE</a>, <a href="RoundChart.html#SHAPE_WIDTH">SHAPE_WIDTH</a></code></div>
</section>
</li>
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<li>
<section class="constructor-summary" id="constructor-summary">
<h2>Constructor Summary</h2>
<div class="caption"><span>Constructors</span></div>
<div class="summary-table two-column-summary">
<div class="table-header col-first">Constructor</div>
<div class="table-header col-last">Description</div>
<div class="col-constructor-name even-row-color"><code><a href="#%3Cinit%3E(com.codename1.charts.models.MultipleCategorySeries,com.codename1.charts.renderers.DefaultRenderer)" class="member-name-link">DoughnutChart</a><wbr>(<a href="../models/MultipleCategorySeries.html" title="class in com.codename1.charts.models">MultipleCategorySeries</a>&nbsp;dataset,
 <a href="../renderers/DefaultRenderer.html" title="class in com.codename1.charts.renderers">DefaultRenderer</a>&nbsp;renderer)</code></div>
<div class="col-last even-row-color">
<div class="block">Builds a new doughnut chart instance.</div>
</div>
</div>
</section>
</li>
<!-- ========== METHOD SUMMARY =========== -->
<li>
<section class="method-summary" id="method-summary">
<h2>Method Summary</h2>
<div id="method-summary-table">
<div class="table-tabs" role="tablist" aria-orientation="horizontal"><button id="method-summary-table-tab0" role="tab" aria-selected="true" aria-controls="method-summary-table.tabpanel" tabindex="0" onkeydown="switchTab(event)" onclick="show('method-summary-table', 'method-summary-table', 3)" class="active-table-tab">All Methods</button><button id="method-summary-table-tab2" role="tab" aria-selected="false" aria-controls="method-summary-table.tabpanel" tabindex="-1" onkeydown="switchTab(event)" onclick="show('method-summary-table', 'method-summary-table-tab2', 3)" class="table-tab">Instance Methods</button><button id="method-summary-table-tab4" role="tab" aria-selected="false" aria-controls="method-summary-table.tabpanel" tabindex="-1" onkeydown="switchTab(event)" onclick="show('method-summary-table', 'method-summary-table-tab4', 3)" class="table-tab">Concrete Methods</button></div>
<div id="method-summary-table.tabpanel" role="tabpanel" aria-labelledby="method-summary-table-tab0">
<div class="summary-table three-column-summary">
<div class="table-header col-first">Modifier and Type</div>
<div class="table-header col-second">Method</div>
<div class="table-header col-last">Description</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4"><code>void</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4"><code><a href="#draw(com.codename1.charts.compat.Canvas,int,int,int,int,com.codename1.charts.compat.Paint)" class="member-name-link">draw</a><wbr>(<a href="../compat/Canvas.html" title="class in com.codename1.charts.compat">Canvas</a>&nbsp;canvas,
 int&nbsp;x,
 int&nbsp;y,
 int&nbsp;width,
 int&nbsp;height,
 <a href="../compat/Paint.html" title="class in com.codename1.charts.compat">Paint</a>&nbsp;paint)</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4">
<div class="block">The graphical representation of the doughnut chart.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4"><code>void</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4"><code><a href="#drawLegendShape(com.codename1.charts.compat.Canvas,com.codename1.charts.renderers.SimpleSeriesRenderer,float,float,int,com.codename1.charts.compat.Paint)" class="member-name-link">drawLegendShape</a><wbr>(<a href="../compat/Canvas.html" title="class in com.codename1.charts.compat">Canvas</a>&nbsp;canvas,
 <a href="../renderers/SimpleSeriesRenderer.html" title="class in com.codename1.charts.renderers">SimpleSeriesRenderer</a>&nbsp;renderer,
 float&nbsp;x,
 float&nbsp;y,
 int&nbsp;seriesIndex,
 <a href="../compat/Paint.html" title="class in com.codename1.charts.compat">Paint</a>&nbsp;paint)</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4">
<div class="block">The graphical representation of the legend shape.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4"><code>int</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4"><code><a href="#getLegendShapeWidth(int)" class="member-name-link">getLegendShapeWidth</a><wbr>(int&nbsp;seriesIndex)</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab4">
<div class="block">Returns the legend shape width.</div>
</div>
</div>
</div>
</div>
<div class="inherited-list">
<h3 id="methods-inherited-from-class-com.codename1.charts.views.RoundChart">Methods inherited from class&nbsp;<a href="RoundChart.html#method-summary" title="class in com.codename1.charts.views">RoundChart</a></h3>
<code><a href="RoundChart.html#drawTitle(com.codename1.charts.compat.Canvas,int,int,int,com.codename1.charts.compat.Paint)" title="drawTitle(Canvas, int, int, int, Paint)">drawTitle</a>, <a href="RoundChart.html#getCenterX()" title="getCenterX()">getCenterX</a>, <a href="RoundChart.html#getCenterY()" title="getCenterY()">getCenterY</a>, <a href="RoundChart.html#getRenderer()" title="getRenderer()">getRenderer</a>, <a href="RoundChart.html#isAutocalculateCenter()" title="isAutocalculateCenter()">isAutocalculateCenter</a>, <a href="RoundChart.html#setAutocalculateCenter(boolean)" title="setAutocalculateCenter(boolean)">setAutocalculateCenter</a>, <a href="RoundChart.html#setCenterX(int)" title="setCenterX(int)">setCenterX</a>, <a href="RoundChart.html#setCenterY(int)" title="setCenterY(int)">setCenterY</a></code></div>
<div class="inherited-list">
<h3 id="methods-inherited-from-class-com.codename1.charts.views.AbstractChart">Methods inherited from class&nbsp;<a href="AbstractChart.html#method-summary" title="class in com.codename1.charts.views">AbstractChart</a></h3>
<code><a href="AbstractChart.html#calculateDrawPoints(float,float,float,float,int,int)" title="calculateDrawPoints(float, float, float, float, int, int)">calculateDrawPoints</a>, <a href="AbstractChart.html#drawBackground(com.codename1.charts.renderers.DefaultRenderer,com.codename1.charts.compat.Canvas,int,int,int,int,com.codename1.charts.compat.Paint,boolean,int)" title="drawBackground(DefaultRenderer, Canvas, int, int, int, int, Paint, boolean, int)">drawBackground</a>, <a href="AbstractChart.html#drawLabel(com.codename1.charts.compat.Canvas,java.lang.String,com.codename1.charts.renderers.DefaultRenderer,java.util.List,int,int,float,float,float,float,int,int,int,com.codename1.charts.compat.Paint,boolean,boolean)" title="drawLabel(Canvas, String, DefaultRenderer, List, int, int, float, float, float, float, int, int, int, Paint, boolean, boolean)">drawLabel</a>, <a href="AbstractChart.html#drawLegend(com.codename1.charts.compat.Canvas,com.codename1.charts.renderers.DefaultRenderer,java.lang.String%5B%5D,int,int,int,int,int,int,com.codename1.charts.compat.Paint,boolean)" title="drawLegend(Canvas, DefaultRenderer, String[], int, int, int, int, int, int, Paint, boolean)">drawLegend</a>, <a href="AbstractChart.html#drawPath(com.codename1.charts.compat.Canvas,float%5B%5D,com.codename1.charts.compat.Paint,boolean)" title="drawPath(Canvas, float[], Paint, boolean)">drawPath</a>, <a href="AbstractChart.html#drawPath(com.codename1.charts.compat.Canvas,java.util.List,com.codename1.charts.compat.Paint,boolean)" title="drawPath(Canvas, List, Paint, boolean)">drawPath</a>, <a href="AbstractChart.html#drawString(com.codename1.charts.compat.Canvas,java.lang.String,float,float,com.codename1.charts.compat.Paint)" title="drawString(Canvas, String, float, float, Paint)">drawString</a>, <a href="AbstractChart.html#getExceed(float,com.codename1.charts.renderers.DefaultRenderer,int,int)" title="getExceed(float, DefaultRenderer, int, int)">getExceed</a>, <a href="AbstractChart.html#getLabel(com.codename1.charts.util.NumberFormat,double)" title="getLabel(NumberFormat, double)">getLabel</a>, <a href="AbstractChart.html#getLegendSize(com.codename1.charts.renderers.DefaultRenderer,int,float)" title="getLegendSize(DefaultRenderer, int, float)">getLegendSize</a>, <a href="AbstractChart.html#getSeriesAndPointForScreenCoordinate(com.codename1.charts.models.Point)" title="getSeriesAndPointForScreenCoordinate(Point)">getSeriesAndPointForScreenCoordinate</a>, <a href="AbstractChart.html#isNullValue(double)" title="isNullValue(double)">isNullValue</a>, <a href="AbstractChart.html#isVertical(com.codename1.charts.renderers.DefaultRenderer)" title="isVertical(DefaultRenderer)">isVertical</a></code></div>
<div class="inherited-list">
<h3 id="methods-inherited-from-class-java.lang.Object">Methods inherited from class&nbsp;<a href="../../../../java/lang/Object.html#method-summary" title="class in java.lang">Object</a></h3>
<code><a href="../../../../java/lang/Object.html#clone()" title="clone()">clone</a>, <a href="../../../../java/lang/Object.html#equals(java.lang.Object)" title="equals(Object)">equals</a>, <a href="../../../../java/lang/Object.html#getClass()" title="getClass()">getClass</a>, <a href="../../../../java/lang/Object.html#hashCode()" title="hashCode()">hashCode</a>, <a href="../../../../java/lang/Object.html#notify()" title="notify()">notify</a>, <a href="../../../../java/lang/Object.html#notifyAll()" title="notifyAll()">notifyAll</a>, <a href="../../../../java/lang/Object.html#toString()" title="toString()">toString</a>, <a href="../../../../java/lang/Object.html#wait()" title="wait()">wait</a>, <a href="../../../../java/lang/Object.html#wait(long)" title="wait(long)">wait</a>, <a href="../../../../java/lang/Object.html#wait(long,int)" title="wait(long, int)">wait</a></code></div>
</section>
</li>
</ul>
</section>
<section class="details">
<ul class="details-list">
<!-- ========= CONSTRUCTOR DETAIL ======== -->
<li>
<section class="constructor-details" id="constructor-detail">
<h2>Constructor Details</h2>
<ul class="member-list">
<li>
<section class="detail" id="&lt;init&gt;(com.codename1.charts.models.MultipleCategorySeries,com.codename1.charts.renderers.DefaultRenderer)">
<h3>DoughnutChart</h3>
<div class="horizontal-scroll">
<div class="member-signature"><span class="modifiers">public</span>&nbsp;<span class="element-name">DoughnutChart</span><wbr><span class="parameters">(<a href="../models/MultipleCategorySeries.html" title="class in com.codename1.charts.models">MultipleCategorySeries</a>&nbsp;dataset,
 <a href="../renderers/DefaultRenderer.html" title="class in com.codename1.charts.renderers">DefaultRenderer</a>&nbsp;renderer)</span></div>
<div class="block"><p>Builds a new doughnut chart instance.</p>
<h6 id="parameters-heading">Parameters</h6>
<ul>
<li>
<p><code>dataset</code>: the series dataset</p>
</li>
<li>
<p><code>renderer</code>: the series renderer</p>
</li>
</ul>
</div>
</div>
</section>
</li>
</ul>
</section>
</li>
<!-- ============ METHOD DETAIL ========== -->
<li>
<section class="method-details" id="method-detail">
<h2>Method Details</h2>
<ul class="member-list">
<li>
<section class="detail" id="draw(com.codename1.charts.compat.Canvas,int,int,int,int,com.codename1.charts.compat.Paint)">
<h3>draw</h3>
<div class="horizontal-scroll">
<div class="member-signature"><span class="modifiers">public</span>&nbsp;<span class="return-type">void</span>&nbsp;<span class="element-name">draw</span><wbr><span class="parameters">(<a href="../compat/Canvas.html" title="class in com.codename1.charts.compat">Canvas</a>&nbsp;canvas,
 int&nbsp;x,
 int&nbsp;y,
 int&nbsp;width,
 int&nbsp;height,
 <a href="../compat/Paint.html" title="class in com.codename1.charts.compat">Paint</a>&nbsp;paint)</span></div>
<div class="block"><p>The graphical representation of the doughnut chart.</p>
<h6 id="parameters-heading1">Parameters</h6>
<ul>
<li>
<p><code>canvas</code>: the canvas to paint to</p>
</li>
<li>
<p><code>x</code>: the top left x value of the view to draw to</p>
</li>
<li>
<p><code>y</code>: the top left y value of the view to draw to</p>
</li>
<li>
<p><code>width</code>: the width of the view to draw to</p>
</li>
<li>
<p><code>height</code>: the height of the view to draw to</p>
</li>
<li>
<p><code>paint</code>: the paint</p>
</li>
</ul>
</div>
<dl class="notes">
<dt>Specified by:</dt>
<dd><code><a href="AbstractChart.html#draw(com.codename1.charts.compat.Canvas,int,int,int,int,com.codename1.charts.compat.Paint)">draw</a></code>&nbsp;in class&nbsp;<code><a href="AbstractChart.html" title="class in com.codename1.charts.views">AbstractChart</a></code></dd>
</dl>
</div>
</section>
</li>
<li>
<section class="detail" id="getLegendShapeWidth(int)">
<h3>getLegendShapeWidth</h3>
<div class="horizontal-scroll">
<div class="member-signature"><span class="modifiers">public</span>&nbsp;<span class="return-type">int</span>&nbsp;<span class="element-name">getLegendShapeWidth</span><wbr><span class="parameters">(int&nbsp;seriesIndex)</span></div>
<div class="block"><p>Returns the legend shape width.</p>
<h6 id="parameters-heading2">Parameters</h6>
<ul>
<li><code>seriesIndex</code>: the series index</li>
</ul>
<h6 id="returns-heading">Returns</h6>
<p>the legend shape width</p>
</div>
<dl class="notes">
<dt>Overrides:</dt>
<dd><code><a href="RoundChart.html#getLegendShapeWidth(int)">getLegendShapeWidth</a></code>&nbsp;in class&nbsp;<code><a href="RoundChart.html" title="class in com.codename1.charts.views">RoundChart</a></code></dd>
</dl>
</div>
</section>
</li>
<li>
<section class="detail" id="drawLegendShape(com.codename1.charts.compat.Canvas,com.codename1.charts.renderers.SimpleSeriesRenderer,float,float,int,com.codename1.charts.compat.Paint)">
<h3>drawLegendShape</h3>
<div class="horizontal-scroll">
<div class="member-signature"><span class="modifiers">public</span>&nbsp;<span class="return-type">void</span>&nbsp;<span class="element-name">drawLegendShape</span><wbr><span class="parameters">(<a href="../compat/Canvas.html" title="class in com.codename1.charts.compat">Canvas</a>&nbsp;canvas,
 <a href="../renderers/SimpleSeriesRenderer.html" title="class in com.codename1.charts.renderers">SimpleSeriesRenderer</a>&nbsp;renderer,
 float&nbsp;x,
 float&nbsp;y,
 int&nbsp;seriesIndex,
 <a href="../compat/Paint.html" title="class in com.codename1.charts.compat">Paint</a>&nbsp;paint)</span></div>
<div class="block"><p>The graphical representation of the legend shape.</p>
<h6 id="parameters-heading3">Parameters</h6>
<ul>
<li>
<p><code>canvas</code>: the canvas to paint to</p>
</li>
<li>
<p><code>renderer</code>: the series renderer</p>
</li>
<li>
<p><code>x</code>: the x value of the point the shape should be drawn at</p>
</li>
<li>
<p><code>y</code>: the y value of the point the shape should be drawn at</p>
</li>
<li>
<p><code>seriesIndex</code>: the series index</p>
</li>
<li>
<p><code>paint</code>: the paint to be used for drawing</p>
</li>
</ul>
</div>
<dl class="notes">
<dt>Overrides:</dt>
<dd><code><a href="RoundChart.html#drawLegendShape(com.codename1.charts.compat.Canvas,com.codename1.charts.renderers.SimpleSeriesRenderer,float,float,int,com.codename1.charts.compat.Paint)">drawLegendShape</a></code>&nbsp;in class&nbsp;<code><a href="RoundChart.html" title="class in com.codename1.charts.views">RoundChart</a></code></dd>
</dl>
</div>
</section>
</li>
</ul>
</section>
</li>
</ul>
</section>
<!-- ========= END OF CLASS DATA ========= -->
</main>
</div>
</body>
</html>
