-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
175 lines (141 loc) · 15.2 KB
/
about.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About - Gurudutt Perichetla</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
<link rel="stylesheet" href="about.css">
<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>
<script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:200,200i,300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="font-awesome-animation.min.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<link rel="icon" type="image/png" href="assets/GD.png" />
</head>
<body id="collection-5930587629687f85ee9fb57e" class="site-spacing-medium site-outer-padding-medium site-alignment-center tweak-site-ajax-loading-enable ancillary-header-full-width tweak-header-cart-style-text ancillary-header-branding-position-center ancillary-header-tagline-position-hide ancillary-header-primary-nav-position-left ancillary-header-secondary-nav-position-right ancillary-header-cart-position-right ancillary-header-left-layout-horizontal ancillary-header-center-layout-stacked ancillary-header-right-layout-horizontal ancillary-header-account-position-left tweak-header-account-style-text tweak-mobile-bar-account-style-text show-desktop-folder-indicator scale-heading-1-font-size scale-heading-2-font-size scale-heading-3-font-size scale-quote-font-size quote-alignment-center show-quotation-marks show-album-banner show-blog-banner show-events-banner show-gallery-banner show-page-banner show-products-banner show-album-title show-blog-title show-events-title show-gallery-title show-index-description show-page-description show-project-title show-project-description show-products-title show-products-description show-collection-page-footer banner-height-small banner-image-alignment-center banner-image-crop banner-text-alignment-center page-banner-text-width-medium scale-banner-description-font-size banner-text-background-indent-custom scale-page-title-font-size scale-page-description-font-size intro-text-width-medium intro-text-height-medium scale-index-title-font-size scale-index-description-font-size index-intro-text-width-medium index-intro-text-height-medium index-item-width-full index-item-height-large index-item-spacing-custom index-item-image-alignment-center index-item-image-crop index-item-title-display-on-scroll index-item-title-alignment-center scale-index-item-title-font-size show-index-item-categories project-image-alignment-center project-image-spacing-small project-banner-spacing-medium project-image-portrait-caption-style-offset project-image-landscape-caption-style-offset project-left-image-portrait-caption-style-standard project-left-image-landscape-caption-style-standard project-right-image-portrait-caption-style-standard project-right-image-landscape-caption-style-standard image-caption-title-alignment-left scale-image-caption-title-font image-caption-body-alignment-left show-index-navigation index-link-spacing-large scale-index-link-font-size index-link-style-list-inline index-link-delimiter-type-none show-next-label-only tweak-page-transition-animation tweak-mobile-bar-position-top-fixed tweak-mobile-bar-branding-position-center tweak-mobile-bar-menu-icon-position-left tweak-mobile-bar-site-tagline-position-hide tweak-mobile-bar-cart-style-text tweak-icon-weight-light tweak-blog-meta-primary-date tweak-blog-meta-secondary-category tweak-blog-list-style-grid tweak-blog-list-separator-show tweak-blog-list-alignment-left tweak-blog-list-item-image-show tweak-blog-list-item-image-aspect-ratio-grid-32-standard tweak-blog-list-item-image-aspect-ratio-stacked-11-square tweak-blog-list-item-title-show tweak-blog-list-item-excerpt-show tweak-blog-list-item-body-show tweak-blog-list-item-readmore-inline tweak-blog-list-item-meta-position-below-title tweak-blog-list-pagination-link-label-show tweak-blog-list-pagination-link-icon-show tweak-blog-list-pagination-link-icon-weight-light tweak-blog-item-alignment-center tweak-blog-item-meta-position-below-title tweak-blog-item-share-position-above-content tweak-blog-item-pagination-link-icon-show tweak-blog-item-pagination-link-title-show tweak-blog-item-pagination-link-meta-date tweak-blog-item-pagination-link-icon-weight-hairline event-thumbnails event-thumbnail-size-32-standard event-date-label event-date-label-time event-list-show-cats event-list-date event-list-time event-list-address event-icalgcal-links event-excerpts event-item-back-link gallery-design-grid aspect-ratio-auto lightbox-style-light gallery-navigation-bullets gallery-info-overlay-show-on-hover gallery-aspect-ratio-32-standard gallery-arrow-style-no-background gallery-transitions-fade gallery-show-arrows gallery-auto-crop tweak-product-list-image-aspect-ratio-11-square tweak-product-list-item-hover-behavior-show-alternate-image tweak-product-list-meta-position-under tweak-product-list-mobile-meta-position-under tweak-product-list-meta-alignment-under-left tweak-product-list-meta-alignment-overlay-center-center tweak-product-list-show-title tweak-product-list-show-price tweak-product-list-filter-display-hide tweak-product-list-filter-alignment-left tweak-product-item-nav-show-breadcrumb-and-pagination tweak-product-item-nav-pagination-style-previousnext tweak-product-item-nav-breadcrumb-alignment-left tweak-product-item-nav-pagination-alignment-split tweak-product-item-gallery-position-left tweak-product-item-gallery-design-slideshow tweak-product-item-gallery-aspect-ratio-11-square tweak-product-item-gallery-thumbnail-alignment-center tweak-product-item-details-alignment-center tweak-product-item-details-show-title tweak-product-item-details-show-price tweak-product-item-details-show-excerpt tweak-product-item-details-excerpt-position-below-add-to-cart-button tweak-product-item-details-show-share-buttons tweak-product-item-details-show-variants tweak-product-item-details-show-quantity tweak-product-item-details-options-style-square tweak-product-item-details-show-add-to-cart-button tweak-product-item-details-add-to-cart-button-style-outline tweak-product-item-details-add-to-cart-button-shape-pill tweak-product-item-details-add-to-cart-button-padding-medium tweak-product-item-image-zoom-enabled tweak-product-item-image-zoom-behavior-click tweak-product-item-lightbox-enabled tweak-product-badge-style-square tweak-product-badge-position-top-left tweak-product-badge-inset-floating newsletter-style-dark hide-opentable-icons opentable-style-dark small-button-style-outline small-button-shape-square medium-button-style-outline medium-button-shape-pill large-button-style-outline large-button-shape-pill image-block-poster-text-alignment-center image-block-card-dynamic-font-sizing image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-dynamic-font-sizing image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-dynamic-font-sizing image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-dynamic-font-sizing image-block-stack-text-alignment-left button-style-outline button-corner-style-square tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light tweak-share-buttons-style-icon-only tweak-share-buttons-icons-show tweak-share-buttons-counts-show tweak-share-buttons-standard-background-color native-currency-code-usd collection-5930587629687f85ee9fb57e collection-type-index collection-layout-default homepage view-list mobile-style-available has-site-title has-social has-primary-nav has-secondary-nav has-tagline" data-controller="BodyClassController" data-gr-c-s-loaded="true" data-controllers-bound="BodyClassController" data-ajax-loader="loaded">
<div class="overflow-wrapper" id="yui_3_17_2_1_1535268537287_515">
<!-- Nav Bar -->
<nav class="navbar is-transparent">
<div class="container">
<div class="navbar-brand">
<!--<h1 class="navbar-item is-1" href="index.html" style="font-weight: bold; cursor:default;" onclick="return false"><img src = "assets/GD.png"></h1> -->
<a class="navbar-item is-1" href="index.html" style="font-family: 'IBM Plex Sans'; font-weight: bold; color: black;" id = "logo"><img src = "assets/gd12.png"></img></a>
<span class = "navbar-burger burger" data-target = "navMenu">
<span></span>
<span></span>
<span></span>
</span>
</div>
<div id = "navMenu" class = "navbar-menu">
<div class = "navbar-end">
<a href = "index.html" class = "navbar-item" >work</a>
<a href = "https://guruduttperi.github.io/Resume_Gurudutt_Perichetla.pdf" class = "navbar-item">résumé</a>
<a href = "music.html" class = "navbar-item" >music</a>
<a href = "about.html" class = "navbar-item is-active" style="color: #F27121 ;">about</a>
</div>
</div>
</div>
</nav>
</div>
<!-- HERO LANDING/ JUMBOTRON -->
<section class="hero is-white is-bold is-medium">
<div class = "heroone">
<div class="hero-body">
<div class="container has-text-centered">
<br>
<div data-aos="zoom-in-right">
<h1 class="title is-2" style="color: #404040; font-family: 'IBM Plex Sans',sans-serif; font-weight: bold;">
ABOUT ME
</h1><br>
<div class="columns is-gapless is-centered">
<div class="column is-8">
<img src = "assets/ss2.jpg">
</div>
</div>
<div class="columns is-gapless is-centered">
<div class="column is-8">
<h2 class="subtitle is-4" style="color: black; align: center; font-family: 'IBM Plex Sans'; font-weight: bold;">
My name is <b style="color: #F27121 ;">Gurudutt Perichetla</b>
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
I am a senior pursuing a Bachelor of Engineering in Computer Science and Engineering at Sri Venkateswara College of Engineering, Chennai. My expertise lies in User Research, User Experience, Visual Design, Interaction Design and Rapid Prototyping. I try to keep myself updated with trends in Technology and Education by taking MOOCs or online courses on Coursera, Udemy and Udacity.
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
I plan to help businesses deliver user-centric products by bridging the gap between humans and computers.
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
I am fluent in design and prototyping tools such as Sketch, Photoshop and Invision and Web Development (HTML, CSS, JavaScript).
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
In my free time, I produce music inspired by the likes of <b style="color: #F27121 ;">Devi Sri Prasad</b>, <b style="color: #F27121 ;">Timbaland</b> and <b style="color: #F27121 ;">Pharrell Williams</b>. I've released three extended plays - "Nightfade", "Kingdom Come", "Momentum" and two long playing records -- "The Struggle++" and "Passion Play".
</h2>
<h2 class="subtitle is-4" style="color: black; align: justify;">
<b style = "font-family: 'IBM Plex Sans';">My skills include:</b>
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
<b style="color: #F27121 ;">Programming Languages:</b> C, C++, Java, Python, Swift, SQL
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
<b style="color: #F27121 ;">Design Tools:</b> Illustrator, Figma, Marvel
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
<b style="color: #F27121 ;">Software Tools:</b> Xcode, Unity, Android Studio
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
<b style="color: #F27121 ;">Music Production:</b> FL Studio, Logic Pro X, Adobe Audition
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
<b style="color: #F27121 ;">Video Production:</b> Final Cut Pro, Adobe Premiere Pro, Adobe After Effects
</h2>
<h2 class="subtitle is-6" style="color: black; align: justify;">
<b style="color: #F27121 ;">Documents and Productivity Suites:</b> iWork, Microsoft Office, Google Cloud Suite
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--- JAVASCRIPT --->
<script type = "text/javascript">
(function(){
var burger = document.querySelector('.burger');
var nav = document.querySelector('#'+burger.dataset.target);
burger.addEventListener('click',function(){
burger.classList.toggle('is-active');
nav.classList.toggle('is-active');
});
})();
AOS.init();
</script>
<footer class="footer">
<div class="content has-text-centered">
<p style="color: white ; font-weight: normal" class ="footerp">
<b class = "footerhigh">Design + Code</b> by Gurudutt Perichetla </p>
<br><br>
<p style="color: white ;" class ="footerp">
<b class = "footerhigh">Contact: </b><a href = "mailto:[email protected]" class = "footerhigh" style = "color: white; font-weight: normal">[email protected]
</a>
<br>
</p>
</div>
<div class = "social" align = "center">
<a href="https://github.com/guruduttperi" class = "footerimg"><img src = "icons/github_light.png" alt = "Github" class = "footerimg"></a>
<a href="https://www.linkedin.com/in/gurudutt-perichetla-b1171511a/" class = "footerimg"><img src = "icons/linkedin.png" alt = "LinkedIn" class = "footerimg"></a>
<a href="https://medium.com/@guruduttperi" class = "footerimg"><img src = "icons/medium.png" alt = "Medium" class = "footerimg"></a>
<a href="https://twitter.com/guruduttperi" class = "footerimg"><img src = "icons/twitter.png" alt = "Twitter" class = "footerimg"></a>
</div>
<div class = "social" align = "center">
<a href="https://www.facebook.com/guruduttperi" class = "footerimg"><img src = "icons/facebook.png" alt = "Facebook" class = "footerimg"></a>
<a href="https://instagram.com/guruduttxp" class = "footerimg"><img src = "icons/instagram.png" alt = "Instagram" class = "footerimg"></a>
<a href="https://www.youtube.com/channel/UCFF82sD6_Sur1EEkxGnavJA" class = "footerimg"><img src = "icons/youtube.png" alt = "YouTube" class = "footerimg"></a>
<a href="https://open.spotify.com/artist/3s5cmywpL5c4WNgPU4KutH" class = "footerimg"><img src = "icons/spotify_tr.png" alt = "Spotify" class = "footerimg"></a>
</div>
</footer>
</body>
</html>