Open service 2a02:26f0:2780:67::217:e38f:443 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:05 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:05 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.8fc41402.1767384365.6f0ca0bf
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2.16.183.14:443 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:05 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:05 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.c41d1002.1767384365.87f7ce5d
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2.16.183.14:80 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:08 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:08 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.ce1d1002.1767384367.ce916f29
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2a02:26f0:2780:67::217:e38f:80 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:07 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:07 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.8fc41402.1767384367.6f0ca6ef
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2a02:26f0:2780:67::217:e388:443 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:05 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:05 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.88c41402.1767384365.ab7caa2e
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2.16.183.4:80 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:07 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:07 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.c41d1002.1767384367.87f7e362
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2.16.183.4:443 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:05 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:05 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.c41d1002.1767384365.87f7ce3b
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<
Open service 2a02:26f0:2780:67::217:e388:80 · start.atmel.com
2026-01-02 20:06
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 33833
Last-Modified: Wed, 23 Nov 2022 09:26:03 GMT
ETag: "637de72b-8429"
Accept-Ranges: bytes
Expires: Fri, 02 Jan 2026 20:06:08 GMT
Cache-Control: max-age=0, no-cache, no-store
Pragma: no-cache
Date: Fri, 02 Jan 2026 20:06:08 GMT
Connection: close
Access-Control-Allow-Origin: *
Akamai-GRN: 0.88c41402.1767384367.ab7cb472
Page title: START
<!DOCTYPE HTML>
<html>
<head>
<title>START</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="resources/images/acme_favicon.png" />
<link rel="stylesheet" type="text/css" href="resources/fonts/opensans/opensans.css">
<link rel="stylesheet" type="text/css" href="init/init.698.css">
<script id="config" type="text/javascript" src="init/config.js?_dc=20221123022310" defer="defer"></script>
<script id="init" type="text/javascript" src="init/init.698.js" defer="defer"></script>
</head>
<body>
<div id="frontpage" class="pageContainer flexContainer rows">
<div class="flexContainer columns pageHeader">
<div class="pageWidth flexContainer columns">
<img class="logo" src="resources/images/microchip_logo.png" style="width: 145px; height: 30px;" />
</div>
</div>
<div class="flexContainer columns pageHeader menuLine">
<div class="pageWidth flexContainer columns">
<div class="autoSize"></div>
<div id="whatsNewMenuItem"
class="menuItem noGrow">What's new</div>
<div class="menuSeparator noGrow">|</div>
<div id="aboutMenuItem"
class="menuItem noGrow">Help</div>
</div>
</div>
<div class="noGrowIfWide flexContainer rows teaserContainer">
<div class="pageWidth paddedWhenCompressed flexContainer columns">
<div class="noGrow flexContainer rows" style="max-width: 600px;">
<div class="logo">
<img src="resources/images/atmel_start_logo_white.png" style="width: 80%;" />
</div>
<div>
This tool will help you select and configure software components and tailor your embedded application in a usable and optimized manner.
</div>
<div class="spacer wide"></div>
<div class="noGrow flexContainer columns rowsIfCramped">
<div class="autoSize">
<button class="large main createProject"
onclick="document.location.href='#project';">
Create new project
</button>
</div>
<div class="spacer wide"></div>
<div class="autoSize">
<button class="large main browseExamples"
onclick="document.location.href='#examples';">
Browse examples
</button>
</div>
</div>
</div>
</div>
</div>
<div class="spacer wide"></div>
<div class="pageWidth flexContainer columns rowsIfNarrow gettingStartedContainer">
<div class="autoSize paddedWhenCompressed">
<h2>Getting started</h2>
<p>
To get started you can either create a new project from scratch
or open an existing example. In both cases you can configure your
software components and device settings such as clocks and pin layout.
When you are done, you can export your project and open it using
your favourite IDE for further development.
</p>
<p>
For more information on how to use Atmel START, read the
<