How to 'design' a website?

How to organize an application?
There are single page "view" with sections with scrolls.
And you must click on a certain link to go to another layout with my design, such as with the main admin area.
How to do it?
To do in index.html
<div ui-view></div>
and
$stateProvider.
 state('/', {
 url: '/',
 templateUrl: 'views/index.html'
}).
 state('dashboard', {
 url: '/dashboard',
 templateUrl: 'views/dashboard.html'
 });
,
in this case, you will have to rewrite all sorts of hash anchors from single-page at$anchorScroll and other legacy from jquery

Or it can be left index.html alone and just click to go to another page, where you just have a different design?
How can I improve?
Sorry if confusing
September 19th 19 at 12:23
2 answers
September 19th 19 at 12:25
<nav>
<ul class="nav blah-blah-blah">
 <li data-ui-sref-active="active">
 <a data-ui-sref="/">Home</a>
</li>
 <li data-ui-sref-active="active">
 <a data-ui-sref="dashboard">Dashboard</a>
</li>
</ul>
</nav>
September 19th 19 at 12:27
If you need another design you can simply load a different CSS.

<link rel="stylesheet" ng-href="/css/{{theme_name}}.css" type="text/css">


You can now change the $rootScope.theme_name to the name and will load a different topic.

Find more questions by tags Angular