thread-redesign/5. onboarding 3.html at main · kevdevlu/thread-redesign · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta charset="utf-8" />
    <link rel="stylesheet" href="globals-shared.css" />
    <link rel="stylesheet" href="components.css" />
    <link rel="stylesheet" href="css/onboarding-3.css" />
  </head>
  <body>
    <div class="series-welcome" data-model-id="1149:2082">
      <img class="white-woven-fabric" src="img/white-woven-fabric-1.png" />
      <div class="rectangle"></div>
      <div class="group">
        <div class="text-wrapper">Dashboard</div>
        <div class="div">Series</div>
        <div class="text-wrapper-2">Members</div>
        <div class="text-wrapper-3">Notifications</div>
        <div class="text-wrapper-4">Settings</div>
        <div class="text-wrapper-5">Logout</div>
      </div>
      <div class="group-2">
        <div class="layer">
          <div class="gnwuq">
            <div class="group-3">
              <img class="vector" src="img/vector.svg" /> <img class="img" src="img/vector-1.svg" />
            </div>
          </div>
        </div>
        <img class="layer-2" src="img/layer-1.svg" />
        <div class="group-4">
          <img class="vector-2" src="img/vector-2.svg" />
          <img class="vector-3" src="img/vector-3.svg" />
          <img class="vector-4" src="img/vector-4.svg" />
          <img class="vector-5" src="img/vector-5.svg" />
        </div>
        <div class="group-5">
          <img class="bell" src="img/bell.svg" />
          <div class="ellipse"></div>
        </div>
        <img class="g" src="img/gic-5-5z.png" />
      </div>
      <img class="line" src="img/line-27.svg" />
      <div class="rectangle-2"></div>
      <img class="profile" src="img/profile-2.png" />
      <div class="text-wrapper-6">Search for a resource...</div>
      <div class="group-6"></div>
      <img class="LOGO" src="img/logo-1.png" />
      <div class="text-wrapper-7">Josie Ziegler</div>
      <div class="rectangle-3"></div>
      <img class="group-7" src="img/group-124.png" />
      <div class="text-wrapper-8">Welcome + Onboarding</div>
      <div class="group-8">
        <div class="rectangle-4"></div>
        <div class="rectangle-5"></div>
      </div>
      <div class="rectangle-6"></div>
      <div class="text-wrapper-9">Onboarding Checklist</div>
      <div class="text-wrapper-10">Thread Overview</div>
      <div class="text-wrapper-11">Leadership Introduction</div>
      <div class="rectangle-7"></div>
      <div class="launch-prep-calendar">Launch Prep &amp; Calendar</div>
      <img class="rectangle-8" src="img/rectangle-14.svg" />
      <div class="group-9">
        <p class="p">Promote: Our Image of God Kids Church</p>
        <p class="text-wrapper-12">Promote: Our Image of God Daily Devotionals</p>
        <p class="text-wrapper-13">Promote: Our Image of God Family Devotional</p>
        <p class="text-wrapper-14">Promote: Our Image of God Small Group Discussion</p>
        <p class="text-wrapper-15">Sunday 1: Preach on Episode 1: Our Image of God</p>
        <p class="congregation-watch">
          <span class="span">Congregation Watch </span> <span class="text-wrapper-16">Episode 2: Why Story?</span>
        </p>
        <img class="line-2" src="img/line-36.svg" />
        <img class="line-3" src="img/line-36.svg" />
        <img class="line-4" src="img/line-36.svg" />
        <img class="line-5" src="img/line-36.svg" />
        <img class="line-6" src="img/line-36.svg" />
        <img class="line-7" src="img/line-36.svg" />
        <img class="rectangle-9" src="img/rectangle-32-1.svg" />
        <p class="text-wrapper-17">Launch Sunday: Thread Episode 1</p>
      </div>
      <div class="launch-prep-calendar-2">Launch Prep &amp; Calendar</div>
      <div class="group-10">
        <p class="congregation-watch-2">
          <span class="span">Congregation Watch </span>
          <span class="text-wrapper-16">Getting The Most Out of Thread</span>
        </p>
        <p class="fellowship-break-for">Fellowship Break for App Demo, Download &amp; Support</p>
        <p class="fellowship-break-for-2">Fellowship Break for App Demo, Download &amp; Support</p>
        <p class="congregation-watch-3">
          <span class="span">Congregation Watch</span>
          <span class="text-wrapper-18">&nbsp;</span>
          <span class="text-wrapper-16">Episode 1: Our Image of God</span>
        </p>
        <p class="show-starting-point">
          <span class="span">Show</span> <span class="text-wrapper-16"> Starting Point Trailer</span>
        </p>
        <p class="element-weeks-before">
          <span class="span">3 Weeks Before Launch: Pass Out Thread&nbsp;&nbsp;Flyer with</span>
          <span class="text-wrapper-19"> Thread App QR Code + Ministry Code</span>
        </p>
        <div class="text-wrapper-20">2 Week Before Launch:</div>
        <div class="text-wrapper-21">1 Week Before Launch:</div>
        <p class="congregation-watch-4">
          <span class="span">Congregation Watch</span>
          <span class="text-wrapper-16"> Episode 0: Welcome to Thread</span>
        </p>
        <p class="element-weeks-before-2">
          <span class="span">4 Weeks Before Launch: Show </span>
          <span class="text-wrapper-16">Thread Teaser Trailer</span>
        </p>
        <img class="line-2" src="img/line-36.svg" />
        <img class="line-3" src="img/line-36.svg" />
        <img class="line-8" src="img/line-36.svg" />
        <img class="rectangle-9" src="img/rectangle-32-1.svg" />
        <p class="text-wrapper-22">Sundays Leading up to Launch Sunday</p>
        <img class="group-11" src="img/group-144.png" />
        <img class="group-12" src="img/group-144.png" />
        <img class="group-13" src="img/group-149.png" />
        <img class="group-14" src="img/group-149.png" />
        <img class="group-15" src="img/group-149.png" />
        <img class="group-16" src="img/group-149.png" />
      </div>
      <img class="group-17" src="img/group-149.png" />
    </div>
  </body>
</html>