sherpaclinicalstudies.github.io/index.html at master · Samraaj/sherpaclinicalstudies.github.io · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  <title>Sherpa Clinical</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <div class="row pageHeaderRow">
          <div class="col offset-s1 s5">
            <h1 class="pageHeader header light">Sherpa Clinical</h1>
          </div>
          <div class="col s3">
            <h5 class="header light">Making connections to Power New Treatments</h5>
          </div>
        </div>
        <div class="row">
          <h2 class="header col offset-s1 s7 light">Our goal is to improve the health of patients and advance medical science by connecting people with clinical studies and researchers</h5>
        </div>
        <br><br>

      </div>
    </div>
    <div class="parallax"><img style="width:100%" src="\img\background4-cropped.jpg" alt="Sherpa Clinical Studies"></div>
  </div>


  <div class="container">
    <div class="section">

      <div class="row">
        <div class="col s12 m6 ">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">person</i></h2>
            <h5 class="center">For Patients</h5>
            <p class="light">Help us understand how to improve your or your loved one's access to new treatments.</p>
            <p class="light">Time commitment: 5 Minutes</p>
            <button class="survey-desktop" id="surveyButton">Tell us a little bit about yourself</button>
            <div class="survey-mobile"><a href="https://wharton.qualtrics.com/SE/?SID=SV_efB3dnNTL6JjHAV" target="_blank">Click Here to Take Our Patient Survey</a></div>
            <p class="light">We would sincerely appreciate your participation in this survey, which is part of a research effort to understand how to improve patient access to clinical studies. Your responses will be kept completely confidential and will only be shared in aggregate form. No individual respondents will be identified.</p>
          </div>
        </div>

        <div class="col s12 m6 ">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">group</i></h2>
            <h5 class="center">For Clinical Researchers</h5>
            <p class="light">Let us help connect with patients interested in clinical studies. Sign up to learn more, and receive an invitation to our service when launched.</p>
              <input id="mailingListEmail" type="text" placeholder="Email"/>
              <button id="mailingListSignUp">Sign up</button>
          </div>
        </div>
      </div>

    </div>
  </div>

  <div id="survey-container" class="parallax-container blue survey-container valign-wrapper survey-desktop">
    <div class="section no-pad-bot survey-container">
      <div class="container survey-container">
        <div class="row center">
          <h5 class="header col s12 light survey-desktop">Take Our Patient Survey</h5>
        </div>
        <div class="survey-container">
          <center><iframe width="1000" height="800" src="https://wharton.qualtrics.com/SE/?SID=SV_efB3dnNTL6JjHAV" scrolling="yes" frameborder="0"></iframe></center>
        </div>
      </div>
    </div>
  </div>

  <footer class="page-footer white">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5>Contact Us</h5>
          <p class="text-lighten-4">Patients</p>
          <p class="text-lighten-4"><a href="mailto:patients@sherpaclinicalstudies.com">patients@sherpaclinicalstudies.com</a></p>
          <p class="text-lighten-4">Clinical Study Sponsors</p>
          <p class="text-lighten-4"><a href="mailto:sponsors@sherpaclinicalstudies.com">sponsors@sherpaclinicalstudies.com</a></p>
          <p class="text-lighten-4">All Other Inquiries</p>
          <p class="text-lighten-4"><a href="mailto:info@sherpaclinicalstudies.com">info@sherpaclinicalstudies.com</a></p>
        </div>
      </div>
    </div>
  </footer>

  <!-- Scripts -->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="http://www.parsecdn.com/js/parse-1.5.0.min.js"></script>
  <script src="js/materialize.min.js"></script>
  <script src="js/main.js"></script>

  </body>
</html>