-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
138 lines (137 loc) · 8.5 KB
/
team.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>CovidHub</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/fixed.css">
<style>
.flex-container-right {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: flex-end;
/* background-color: DodgerBlue; */
}
.flex-container-center {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
/* background-color: DodgerBlue; */
}
.div-center {
display: inline-block;
}
img {
border-radius: 50%;
}
</style>
</head>
<body>
<div>
<div>
<nav class="navbar navbar-expand-md navbar-dark bg-dark"
<a class="nav-brand" href="#"><img src="img/logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive"></div>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="prevention.html">Covid Prevention</a>
</li>
<li class="nav-item">
<a class="nav-link" href="surface-detection.html">Surface Detection</a>
</li>
<li class="nav-item">
<a class="nav-link" href="chat.html">ChatLine</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">Team</a>
</li>
</ul>
</div>
</nav>
</div>
<div class=""style="margin-top: 20px;">
<div style="text-align: center;">
<div class="div-center">
<div>
<h1 style="color: #1EBBA3;">The ThinkFyre Team</h1>
</div>
<div style="margin-top: 15px;">
<h4>Our <b><u>ThinkFyre</u></b> team consists of 5 amazingly talented IBM Interns!</h4>
</div>
<div>
<div class="container-fluid">
<div class="row">
<div class="col-md">
<h2 style="color: #1EBBA3;"><u>Rachit Sharma</u></h2>
<picture>
<img src="images/rachit.png" alt="Rachit Sharma" width="50%" height="50%"/>
<p style="padding-left: 5%; font-size: small; text-align: justify;"><i style="color: #1EBBA3; font-size: xx-large; font-family: sans-serif; margin-left: 5%;">"</i><i>Hey There! My name is <b>Rachit Sharma.</b>
I am a fourth year student at Ryerson University, currently working as a software developer for the CA-SMARTS team.
<b>My hobbies include:</b> Basketball, Music, Travelling, and Cooking.
<b>Secret Talent:</b> I am a part-time Dj. I have performed at over 20 events.</p></i>
</picture>
</div>
<div class="col-md">
<h2 style="color: #1EBBA3;"><u>Abhishek Chatterjee</u></h2>
<picture>
<img src="images/abhishek.png" alt="Abhishek Chatterjee" width="50%" height="50%"/>
<p style="padding-left: 5%; font-size: small; text-align: justify;"><i style="color: #1EBBA3; font-size: xx-large; font-family: sans-serif; margin-left: 5%;">"</i><i>Hey! My name is <b>Abhishek Chatterjee</b> and I am a third year student at the University of Toronto,
currently working as a Compiler Developer on the Go team.
<b>My hobbies include:</b> Soccer, Reading Novels and Skateboarding.
<b>Secret Talent</b>: I have a knack for writing</p></i>
</picture>
</div>
<div class="col-md">
<h2 style="color: #1EBBA3;"><u>Alan Tran</u></h2>
<picture>
<img src="images/alan.png" alt="Alan Tran" width="50%" height="50%"/>
<p style="padding-left: 5%; font-size: small; text-align: justify;"><i style="color: #1EBBA3; font-size: xx-large; font-family: sans-serif; margin-left: 5%;">"</i><i>Hello! My name is <b>Alan Tran</b> I'm software developer on the Moser team for CA. I go to University of Ottawa as a fourth year student.
<b>My hobbies are:</b> Playing games, watching Youtube, and eating. Secret Talent: I can play the penny whistle.</i></p>
</picture>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md">
<h2 style="color: #1EBBA3;"><u>Roman Rezinkin</u></h2>
<picture>
<img src="images/roman.png" alt="Roman Rezinkin" width="25%" height="50%"/>
<p style="padding-left: 5%; font-size: small; text-align: start; "><i style="color: #1EBBA3; font-size: xx-large; font-family: sans-serif; margin-left: 5%;">"</i><i>Hi! My name is <b>Roman Rezinkin</b> I am a fourth year student at Seneca College, currently in a 8 month internship as a Cognitive Developer for the CA Smarts Team.
<b>My hobbies include:</b> Working on my car and discovering new technology. <b>Secret Talent:</b> ever since I was a child, I have been able to identify make and model of any car.</i>
</picture>
</div>
<div class="col-md">
<h2 style="color: #1EBBA3;"><u>Rinay Shah</u></h2>
<picture>
<img src="images/rinay.png" alt="Rinay Shah" width="25%" height="50%"/>
<p style="padding-left: 5%; font-size: small; text-align: start;"><i style="color: #1EBBA3; font-size: xx-large; font-family: sans-serif; margin-left: 5%;">"</i><i>Hi! My name is <b>Rinay Shah</b>
I am a 3rd year Computer Engineering student at Ryerson University. Currently, I am Cognitive Developer (Cloud) Intern at IBM.
<b>My hobbies include:</b> Playing sports like cricket, basketball, badminton and soccer.
<b>Secret Talent:</b> I am good at drawing</i>
</p>
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>