newsletter/index.html at main · cppsea/newsletter · 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    * {
      font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      margin: 0;
      padding: 0;
      margin-block-start: 0;
      margin-block-end: 0;
    }

    body {
      margin: 0;
    }
  </style>
</head>
<body style="margin: 0; padding: 0;">
  <div style="padding: 10px; padding-top: 20px; margin: auto; max-width: 600px;">
    <div style="display: flex; justify-content: center;">
      <a target="_blank" href="https://cppsea.com">
        <img draggable="false" alt="sea logo" width="100" src="https://drive.google.com/uc?export=view&id=1HfOo5pa2oO_Mf8b4A8aXUM12wymqHFA4">
      </a>
    </div>
    <table style="border-radius: 10px; margin-top: 10px;">
      <tr>
        <td align="center">
          <img draggable="false" alt="sea logo" width="100%" style="border-radius: 10px" src="https://drive.google.com/uc?export=view&id=113XurBamvhBYmOUxG7FienEb8AWsLqEp">
        </td>
      </tr>
    </table>
    <div>
      <p style="margin: 30px 20px 30px 20px; font-size: 25px; text-align: center;">
        🍃 We hope you had a great summer break and excited as we are to finally touch grass once again! 🍃
      </p>
      <section style="border-radius: 10px; background-color: #fbfbfb; padding: 20px; margin-top: 20px;">
        <p style="font-size: 25px; font-weight: bold; margin-block-end: 0;">
          🐳 Who are we?
        </p>
        <p style="font-size: 20px; margin-top: 10px;">
          We're the "largest" <b>software engineering</b> organization on campus!
          We want to promote a safe place for all backgrounds to be excited and curious about software engineering!
        </p>
        <p style="font-size: 20px; margin-top: 10px;">
          We want to help you put software lifecycles methodologies, version control, documentation, data structures & algorithms, and the latest demand technologies used in the industry into practice.
        </p>
        <p style="font-size: 20px; margin-top: 20px;">
          So if you’re interested in software engineering or even coding in general? Check us out!
        </p>
        <div style="margin-top: 20px;">
          <a target="_blank" style="font-size: 20px; text-decoration: none; color: #27c2fc;" href="https://cppsea.com">
            Learn more
            <img width="10" src="https://drive.google.com/uc?export=view&id=1mNyoiyDE35r68sPEocvNM_WWzP13mW06"/>
          </a>
        </div>
      </section>
      <section style="border-radius: 10px; background-color: #fbfbfb; padding: 20px; margin-top: 20px;">
        <p style="font-size: 25px; font-weight: bold; margin-top: 40px;">
          🍁 Fall 2022 Kickoff!
        </p>
        <p>September 13, 2022 @ 12pm - 12:50pm (U-Hour)</p>
        <p style="font-size: 20px; margin-top: 20px;">
          Join us for our Fall 2022 Kickoff! We'll be discussing about our ongoing projects, upcoming events and other opportunities we offer!
        </p>
        <div style="margin-top: 20px;">
          <a target="_blank" style="font-size: 20px; text-decoration: none; color: #27c2fc;" href="https://forms.gle/En4eNEf9vBDu2FpH7">
            Join call
            <img width="10" src="https://drive.google.com/uc?export=view&id=1mNyoiyDE35r68sPEocvNM_WWzP13mW06"/>
          </a>
        </div>
      </section>
      <section style="border-radius: 10px; background-color: #fbfbfb; padding: 20px; margin-top: 20px;">
        <p style="font-size: 25px; font-weight: bold; margin-top: 40px;">
          👩‍💻 Projects
        </p>
        <p style="font-size: 20px; margin-top: 20px;">
          Here are our current ongoing projects; a great way to get your hands dirty:
        </p>
        <p style="font-size: 20px; margin-top: 20px; margin-bottom: 10px; font-weight: bold;">
          Icebreak
        </p>
        <p style="font-size: 18px;">
          A platform for organizations to interact with their members.
          A central hub for members to be always updated on the latest events while providing features to incentivize member growth.
        </p>
        <div style="display: flex; margin-bottom: 10px; margin-top: 10px;">
          <p style="font-size: 13px; border-radius: 10px; padding: 2px 7px 2px 7px; margin-right: 10px; background-color: #27c2fc; color: white;">react native</p>
          <p style="font-size: 13px; border-radius: 10px; padding: 2px 7px 2px 7px; margin-right: 10px; background-color: #27c2fc; color: white;">express.js</p>
          <p style="font-size: 13px; border-radius: 10px; padding: 2px 7px 2px 7px; margin-right: 10px; background-color: #27c2fc; color: white;">postgreSQL</p>
        </div>
        <div style="margin-top: 20px">
          <a style="color: #27c2fc;" target="_blank" href="https://docs.google.com/document/d/1sLBX3apRAl2_KLnp5iJlcWo77dmOyUujRV-lO0F6jbk/edit?usp=sharing">
            📄 Project proposal
          </a>
        </div>
        <div style="margin-top: 20px">
          <a style="color: #27c2fc;" target="_blank" href="https://docs.google.com/document/d/1ZCYVLDHku5bQwSiag0BUfmfLz0-fi81UZdy9it8S_LE/edit#heading=h.q21ehn4tk474">
            📄 Technical design document
          </a>
        </div>
        <div style="margin-top: 20px;">
          <a target="_blank" style="font-size: 20px; text-decoration: none; color: #27c2fc;" href="https://forms.gle/En4eNEf9vBDu2FpH7">
            Sign up
            <img width="10" src="https://drive.google.com/uc?export=view&id=1mNyoiyDE35r68sPEocvNM_WWzP13mW06"/>
          </a>
        </div>
      </section>
      <section style="border-radius: 10px; background-color: #fbfbfb; padding: 20px; margin-top: 20px;">
        <p style="font-size: 25px; font-weight: bold; margin-top: 40px;">
          👾 Stay Accord
        </p>
        <p style="font-size: 18px; margin-top: 20px;">
          The best way to stay connected and updated with us is through our Discord Server.
          Feel free to introduce yourself and ask questions regarding your career, resume, classes, or life.
        </p>
        <div style="margin-top: 20px;">
          <a target="_blank" style="font-size: 20px; text-decoration: none; color: #27c2fc;" href="https://discord.gg/CAxPCJu7ME">
            Discord server
            <img width="10" src="https://drive.google.com/uc?export=view&id=1mNyoiyDE35r68sPEocvNM_WWzP13mW06"/>
          </a>
        </div>
      </section>
      <footer style="margin-top: 50px; margin-bottom: 30px;">
        <table style="margin-top: 30px;">
          <tr>
            <td style="padding-right: 15px">
              <a target="_blank" href="https://github.com/cppsea">
                github
              </a>
            </td>
            <td style="padding-right: 15px">
              <a target="_blank" href="https://www.facebook.com/cppsea/">
                facebook
              </a>
            </td>
            <td style="padding-right: 15px">
              <a target="_blank" href="https://cppsea.com">
                website
              </a>
            </td>
            <td style="padding-right: 15px">
              <a target="_blank" href="https://www.instagram.com/cpp.sea/">
                instagram
              </a>
            </td>
          </tr>
        </table>
        <div style="margin-top: 10px; font-size: 13px; color:rgb(89, 89, 89);">
          Copyright © 2022 Software Engineering Association at Cal Poly Pomona, All rights reserved.
        </div>
      </footer>
    </div>
  </div>
</body>
</html>