How to 'design' a website?

Question

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

Angular

Thomas.Swi asked September 19th 19 at 12:23

Related questions

More answers about "How to 'design' a website?"

2 answers

Orrin answered on · Answer 1 · 2019-09-19T12:25:14.363Z

Orrin answered on 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>

brennon answered on · Answer 2 · 2019-09-19T12:27:14.363Z

brennon answered on 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.