Project

General

Profile

1 59953 k.triantaf
<schema2jsonld [URL]="properties.domain"
2
               [logoURL]="properties.domain + '/assets/common-assets/logo-small-graph.png'"
3
               [description]="description"
4
               type="other"
5
               [name]="title">
6
</schema2jsonld>
7 59534 konstantin
<div class="contact">
8
  <div class="uk-section">
9
    <div class="uk-margin-large-left uk-margin-medium-bottom">
10
      <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
11
    </div>
12
    <div class="uk-container">
13
      <h2 class="uk-text-center">Support</h2>
14
      <div class="uk-grid uk-flex uk-flex-center" uk-grid>
15 59546 k.triantaf
        <div class="uk-width-2-3@m">
16
          <div class="uk-padding-small">
17
            <h3 class="uk-margin-top">Do you have a question? <span class="portal-color">Contact us</span>.</h3>
18 59534 konstantin
19 59546 k.triantaf
            <div *ngIf="showLoading" class="uk-margin-large">
20
              <div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
21
                  class="loading-gif  uk-align-center"></span></div>
22
            </div>
23
            <div *ngIf="!showLoading">
24
              <contact-us [properties]="properties" [errorMessage]="errorMessage"
25
                          [right]="false"
26
                          [contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
27
            </div>
28 59534 konstantin
          </div>
29 59521 konstantin
        </div>
30
      </div>
31 59534 konstantin
    </div>
32
  </div>
33
  <div id="documentation" class="uk-container uk-section">
34 59546 k.triantaf
    <div class="uk-padding-small">
35
      <div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
36
           uk-height-match=".target">
37 59534 konstantin
        <div class="uk-first-column">
38
          <div class="uk-card uk-card-default uk-card-body link-card">
39
            <div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
40 59546 k.triantaf
              <div class="target" style="min-height: 110px;"><img src="assets/graph-assets/contact/documentation.svg"
41
                                                                  style="height:80px; width:94px"></div>
42 59534 konstantin
            </div>
43 59521 konstantin
44 59534 konstantin
            <div class="uk-margin-top">
45
              <div class="target uk-text-center">
46
                <a class="uk-link uk-button uk-text-capitalize uk-text-small"
47
                   href="https://develop.openaire.eu" target="_blank">
48
                  Documentation
49 59565 k.triantaf
                  <icon name="arrow_right" class="space"></icon>
50 59534 konstantin
                </a>
51 59521 konstantin
              </div>
52
            </div>
53 59507 konstantin
          </div>
54 59534 konstantin
        </div>
55 59521 konstantin
56 59534 konstantin
        <div>
57
          <div class="uk-card uk-card-default uk-card-body link-card">
58
            <div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
59 59546 k.triantaf
              <div class="target"><img src="assets/graph-assets/contact/webinars.svg" style="height:110px; width:101px">
60
              </div>
61 59534 konstantin
            </div>
62 59521 konstantin
63 59534 konstantin
            <div class="uk-margin-top">
64
              <div class="target uk-text-center" style="">
65 59546 k.triantaf
                <a class="uk-link uk-button uk-text-capitalize uk-text-small"
66
                   href="https://www.openaire.eu/item/webinar-on-the-openaire-research-graph?highlight=WyJncmFwaCIsIndlYmluYXIiLCJ3ZWJpbmFyJyJd"
67
                   target="_blank">
68 59534 konstantin
                  Webinars
69 59565 k.triantaf
                  <icon name="arrow_right" class="space"></icon>
70 59534 konstantin
                </a>
71 59521 konstantin
              </div>
72
            </div>
73 59507 konstantin
          </div>
74 59534 konstantin
        </div>
75 59521 konstantin
76 59534 konstantin
        <div>
77
          <div class="uk-card uk-card-default uk-card-body link-card">
78
            <div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
79 59579 k.triantaf
              <div class="target" style="min-height: 110px;">
80
                <img src="assets/graph-assets/contact/howto.svg" style="height:100px; width:107px">
81
              </div>
82 59534 konstantin
            </div>
83
            <div class="uk-margin-top">
84
              <div class="target uk-text-center" style="">
85 59546 k.triantaf
                <a class="uk-link uk-button  uk-text-capitalize uk-text-small"
86 60866 k.triantaf
                   href="https://www.openaire.eu/factsheet-research-graph/view-document"
87 59546 k.triantaf
                   target="_blank">
88 60866 k.triantaf
                  Support Material
89 59565 k.triantaf
                  <icon name="arrow_right" class="space"></icon>
90 59534 konstantin
                </a>
91 59521 konstantin
              </div>
92
            </div>
93 59507 konstantin
          </div>
94
        </div>
95
      </div>
96 59534 konstantin
    </div>
97
  </div>
98 59546 k.triantaf
  <div id="faq" class="uk-container uk-section uk-flex uk-flex-center uk-margin-large-bottom">
99
    <div class="uk-width-5-6">
100 59534 konstantin
      <h3 class="uk-text-center uk-margin-top portal-color">FAQs</h3>
101
      <div>
102
        <ul class="uk-accordion" uk-accordion="">
103 59546 k.triantaf
          <li *ngFor="let faq of faqs"
104
              class="uk-card uk-card-default uk-card-body faq-card uk-margin-small uk-padding-small">
105 59534 konstantin
            <a class="uk-accordion-title color" href="#">
106 59579 k.triantaf
              <h6 class="uk-margin-remove-bottom uk-text-bold">{{faq.question}}</h6>
107 59534 konstantin
            </a>
108
            <div class="uk-accordion-content color" aria-hidden="true" hidden="">
109
              <p>{{faq.answer}}</p>
110
            </div>
111
          </li>
112
        </ul>
113 59521 konstantin
      </div>
114 59507 konstantin
    </div>
115
  </div>
116
</div>
117
<modal-alert #AlertModal (alertOutput)="goToHome()">
118
  <div class="uk-text-center">
119
    Our team will respond to your submission soon.<br>
120 59546 k.triantaf
    Press OK to redirect to OpenAIRE Research Graph home page.
121 59507 konstantin
  </div>
122
</modal-alert>