-
Notifications
You must be signed in to change notification settings - Fork 30
/
index.html
135 lines (117 loc) · 5.98 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charsets="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- SWE Styles -->
<link rel="stylesheet" href="styles/styles.css"/>
<link rel="stylesheet" href="styles/colors.css"/>
<title>Git It Together</title>
</head>
<body>
<br/>
<h1 align="center">Hackers Who Git It:</h1>
<br/>
<div class="card-columns container" align="center">
<!-- Sample Card Begin -->
<div class="card">
<img class="card-img-top" src="images/CadyBaltz/CadyBaltz.jpg" alt="Cady Baltz Picture">
<div class="card-body">
<h5 class="card-title">Cady Baltz</h5>
<p class="card-text">Hi, I'm one of the co-hosts for this workshop! Check out my page for a surprise ;)</p>
<a href="pages/cadybaltz.html" class="btn btn-primary">Go to Cady's Page</a>
</div>
</div>
<!-- Sample Card End -->
<!-- Add your cards here! -->
<div class="card">
<img class="card-img-top" src="images/SohailHassan/babyducks.png" alt="Cool Picture">
<div class="card-body">
<h5 class="card-title">Sohail Hassan</h5>
<p class="card-text">Hi, this is a cool picture.</p>
<a href="pages/sohailhassan.html" class="btn btn-primary">Go to Sohail's Page</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="images\chris\6296.jpeg" alt="Chris pic">
<div class="card-body">
<h5 class="card-title">Chris</h5>
<p class="card-text">Hi I dab ;)</p>
<a href="pages/cadybaltz.html" class="btn btn-primary">Go to Chris's Page</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="images/Peter/HUAV6575.JPG" alt="Peter Picture">
<div class="card-body">
<h5 class="card-title">Peter Hoang</h5>
<p class="card-text">Hi. This is my friend Sohail!</p>
<a href="pages/peter.html" class="btn btn-primary">Go to Peter's Page</a>
</div>
</div>
<div class = "card">
<img class ="card-img-top" src="images/AkieKasai/akie.jpg" alt="Akie Kasai pic">
<div class="card-body">
<h5 class="card-title">Akie Kasai</h5>
<p class="card-text">attending this workshop!</p>
<a href="pages/cadybaltz.html" class="btn btn-primary">Go to Akie's Page</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="images/MohiniShanker/pleadheart.png" alt="Mohini Shanker Emoji">
<div class="card-body">
<h5 class="card-title">Mohini Shanker</h5>
<p class="card-text">I attended this workshop!! It was a lot of fun :)</p>
<a href="pages/mohinishanker.html" class="btn btn-primary">Go to Mohini's Page</a>
</div>
</div>
<!-- Shreya's Card-->
<div class="card">
<img class="card-img-top" src="images/ShreyaChauk/ShreyaChauk.jpg" alt="Shreya Chauk Picture">
<div class="card-body">
<h5 class="card-title">Shreya Chauk</h5>
<p class="card-text">"Hey, I'm Shreya! Check out my page if you're a dog-lover <3</p>
<a href="pages/shreyachauk.html" class="btn btn-primary">Go to Shreya's Page</a>
</div>
</div>
<!-- Shreya's Card End -->
<!-- Amrutha's Card Begin -->
<div class="card">
<img class="card-img-top" src="images/AmruthaRajkumar/portfolio.jpg" alt="Cady Baltz Picture">
<div class="card-body">
<h5 class="card-title">Amrutha Rajkumar</h5>
<p class="card-text">SWE conducts amazing workshops !</p>
<a href="pages/amrutharajkumar.html" class="btn btn-primary">Go to Amrutha's Page</a>
</div>
</div>
<!-- Amrutha's Card End -->
<!-- Adwaith's Card Begin -->
<div class="card">
<img class="card-img-top" src="" alt="Adwaith Moothezhath Picture">
<div class="card-body">
<h5 class="card-title">Adwaith Moothezhath</h5>
<p class="card-text">Hi, My name is Adwaith Moothezhath I like to play soccer !</p>
<a href="pages/adwaithmoothezhath.html" class="btn btn-primary">Go to Adwaith's Page</a>
</div>
</div>
<!-- Adwaith's Card End -->
<!-- Chelsea's Card -->
<div class="card">
<img class="card-img-top" src="images/ChelseaHeredia/Profile.jpg" alt="Chelsea Heredia Picture">
<div class="card-body">
<h5 class="card-title">Chelsea Heredia</h5>
<p class="card-text">Hi, My name is Chelsea Heredia! Check out my page!</p>
<a href="pages/chelseaheredia.html" class="btn btn-primary">Go to Chelsea's Page</a>
</div>
</div>
<!-- Chelsea's Card End -->
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>