-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (124 loc) · 8.75 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
<!--
File: cs.uml.edu/~rpatel1/public_html/index.html
COMP 4610 Assignment 4: Creating Your First Web Page using Bootstrap
Ronak Patel, UMass Lowell Computer Science, Ronak_Patel@student.uml.edu
Copyright (c) 2020 by Ronak Patel. All rights reserved. May be
freely copied or excerpted for educational purposes with credit to the author.
Created on October 10th, 2020 at 5:00 PM
At the moment this page is for HW4 for GUI Programming I.
I
The bootstrap template I used can be found here:
(https://github.com/StartBootstrap/startbootstrap-grayscale)
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="css/index.css">
<title>Ronak Patel</title>
<link rel="icon" type="image/x-icon" href="./img/logo2.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
</head>
<body id="page-top">
<div class="wrapper">
<!-- Navigation bar has dropdown menu for links to GUI assignments and other links to navigate the site-->
<nav class="navbar navbar-expand-lg navbar-expand-md navbar-dark fixed-top bg-dark" id="mainNav">
<div class="container">
<a class="navbar-brand " href="#page-top">Ronak Patel</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link " href="#about">About</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown08" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">GUI</a>
<div class="dropdown-menu" aria-labelledby="dropdown08">
<a class="dropdown-item" target="_blank" href="HW2/hw2.html">HW2</a>
<a class="dropdown-item" target="_blank" href="HW3/hw3.html">HW3</a>
<a class="dropdown-item" href="#page-top">HW4</a>
<a class="dropdown-item" target="_blank" href="HW5/hw5.html">HW5</a>
<a class="dropdown-item" target="_blank" href="Ronak_Patel_InClass5/example.html">InClass 5</a>
<a class="dropdown-item" target="_blank" href="HW6/hw6.html">HW6</a>
<a class="dropdown-item" target="_blank" href="HW7/hw7.html">HW7</a>
<a class="dropdown-item" target="_blank" href="HW8/hw8.html">HW8</a>
</div>
</li>
<li class="nav-item"><a class="nav-link " href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead has the cover image, text and button on home page-->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase">Welcome</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">With great power...</h2>
<a class="btn btn-info" href="#about">Get Started</a>
</div>
</div>
</header>
<!-- About section has information about the owner of the page-->
<section class="about-section bg-light" id="about">
<div class="container">
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-4 col-md-4 col-sm-6 col-4"><img class="img-fluid" src="./img/Ronak_Circle.png" alt="" /> </div>
<div class="col-lg-8">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h4 class="text-black">Ronak Patel</h4>
<p class="mb-0 text-black-50">Hello! My name is Ronak Patel. I am currently a senior computer science student at University of Massachusetts Lowell graduating in May 2021. I enjoy playing badminton and ping pong. I have two software internship experiences and I am currently seeking full-time employment. This page is designed as part of my GUI class for the Fall of 2020. My assignments for the class will be indexed here. I will modify the website as I learn more.</p>
<hr class="d-none d-lg-block mb-0 ml-0" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact sections has contact information about the owner-->
<section class="contact-section bg-dark align-middle" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-envelope text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Email</h4>
<hr class="my-4" />
<div class="small text-black-50"><a href="mailto:Ronak_Patel@student.uml.edu">Ronak_Patel@student.uml.edu</a></div>
</div>
</div>
</div>
</div>
<div class="social d-flex justify-content-center">
<a class="mx-2" href="https://www.instagram.com/patelro/" target="_blank"><i class="fab fa-instagram"></i></a>
<a class="mx-2" href="https://www.linkedin.com/in/ronak-r-patel/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a class="mx-2" href="https://github.com/pronak657" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer bg-dark small text-center text-white-50">
<div class="container">Made using <a class="badge badge-light" href="https://github.com/StartBootstrap/startbootstrap-grayscale" target="_blank">Bootstrap Theme</a>. All Rights Reserved. Copyright © Ronak Patel 2020</div>
</footer>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>