design-love/index.ejs at master · angular/design-love · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<div class="mdl-layout mdl-js-layout">

    <!-- Nav -->
    <%- partial("_partials/nav", {
        name: 'NAME',
        logoWithText: '../images/angular-logo-with-text.svg',
        CTA: {
            text: 'Get Started',
            url: '#'
        },
        pages: [{
          text: 'Guides',
          href: '/guides',
        }],
          homeHref: 'index.html'
    }) %>

    <main class="mdl-layout__content">
        <!-- Hero -->
        <%- partial("_partials/hero", {
            name: 'Name of Microsite',
            logo: {
                src: 'images/logo.svg',
                alt: ''
            },
            tagline: 'Here is a temporary tagline used for the microsite framework.',
            CTA: {
                text: 'Get Started',
                url: '#'
            }
        }) %>

        <!-- Add as many features as needed -->
        <%- partial("_partials/features", {
            features: [{
              name: 'Feature 1',
              text: 'Microsite feature description 1.'
            }, {
              name: 'Feature 2',
              text: 'Microsite feature description 2.'
            }, {
              name: 'Feature 3',
              text: 'Microsite feature description 3.'
            }],
            CTA: {
                text: 'Get Started',
                url: 'http://angular.github.io/protractor/#/'
            }
        }) %>

        <!-- Footer -->
        <%- partial("_partials/footer", {
            footerImg: '../images/angular-logo.svg'
        }) %>
    </main>
</div>