<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Blog</title>

<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Pacifico&family=Roboto&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/designs.css">

<link rel="stylesheet" href="css/main.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>

<script src="js/demo.js"></script>

<script src="js/main.js"></script>

<div class="menu-toggler">

<div class="bar half start"></div>

<div class="bar"></div>

<div class="bar half end"></div>

</div>

<nav class="top-nav">

<ul class="nav-list">

<li>

<a href="index.html" class="nav-link">Home</a>

</li>

<li>

<a href="#about" class="nav-link">About</a>

</li>

<li>

<a href="#services" class="nav-link">Skills</a>

</li>

<li>

<a href="#portfolio" class="nav-link">Portfolio</a>

</li>

<li>

<a href="#experience" class="nav-link">Experience</a>

</li>

<li>

<a href="#contact" class="nav-link">Contact</a>

</li>

</ul>

</nav>

<div id="particles">

<div class="landing-text" >

<h1>Arjun R</h1>

</div>

</div>

<section class="about" id="about">

<div class="container">

<div class="profile-img" data-aos="fade-right" data-aos-delay = "300">

<img src="img/me.png" alt="">

</div>

<div class="about-details" data-aos="fade-left" data-aos-delay = "600">

<div class="about-heading">

<h1>About</h1>

<h6>Myself</h6>

</div>

<p>I am a third year B.Tech student pursuing my degree in Computer Engineering

at IIITDM kancheepuram. I like to acknowledge myself as puzzle solver and knowledge explorer.

I love reading books, novels over philosophy most of the times. I also love to write articles

and poems. Competitive programming certainly has my attention and algorithm focused tasks also

spike my interests.</p>

</div>

</div>

<section class="services" id="services">

<div class="container">

<div class="section-heading">

<h1>Skills</h1>

<h6>What I can do</h6>

<!-- --------------------------------------- -------------------------- -->

<section class="cards">

<div class="flip-card-container" style="--hue: 220">

<div class="flip-card">

<div class="card-front">

<figure>

<div class="img-bg"></div>

<img src="img/flip2.jpg" alt="">

<div class="card-front-text1">

<h2>Electives</h2>

<h2>and</h2>

<h2>Online</h2>

<h2>Courses</h2>

</div>

</figure>

</div>

<div class="card-back">

<figure>

<div class="img-bg"></div>

<img src="img/flip2.jpg" alt="">

</figure>

<ul>

<li>Python for Computer Vision

with OpenCV and Deep Learning

(Udemy)</li>

<li>Advanced Data Structures

and Algorithm</li>

<li>Analytics and Systems of

Big Data</li>

</ul>

<!-- <button>Book</button> -->

<div class="design-container">

<span class="design design--1"></span>

<span class="design design--2"></span>

<span class="design design--3"></span>

<span class="design design--4"></span>

<span class="design design--5"></span>

<span class="design design--6"></span>

<span class="design design--7"></span>

<span class="design design--8"></span>

</div>

</div>

</div>

</div>

<!-- /flip-card-container -->

<!-- flip-card-container -->

<div class="flip-card-container" style="--hue: 170">

<div class="flip-card">

<div class="card-front">

<figure>

<div class="img-bg"></div>

<img src="img/flip3.jpg" alt="">

<div class="card-front-text2">

<h2>Language</h2>

<h2>Proficiency</h2>

</div>

</figure>

</div>

<div class="card-back">

<figure>

<div class="img-bg"></div>

<img src="img/flip3.jpg" alt="">

</figure>

<ul>

<li><p class="bar-text">C++</p>

<div class="bar-container">

<div class="bar-skills bar-cplus">70%</div>

</div>

</li>

<li><p class="bar-text">OpenCV</p>

<div class="bar-container">

<div class="bar-skills bar-opencv">55%</div>

</div>

</li>

<li>

<p class="bar-text">Java</p>

<div class="bar-container">

<div class="bar-skills bar-java">45%</div>

</div>

</li>

<li><p class="bar-text">Javascript</p>

<div class="bar-container">

<div class="bar-skills bar-js">35%</div>

</div>

</li>

<li>

<p class="bar-text">Python</p>

<div class="bar-container">

<div class="bar-skills bar-python">35%</div>

</div>

</li>

</ul>

<div class="design-container">

<span class="design design--1"></span>

<span class="design design--2"></span>

<span class="design design--3"></span>

<span class="design design--4"></span>

<span class="design design--5"></span>

<span class="design design--6"></span>

<span class="design design--7"></span>

<span class="design design--8"></span>

</div>

</div>

</div>

</div>

<!-- /flip-card-container -->

<!-- flip-card-container -->

<div class="flip-card-container" style="--hue: 350">

<div class="flip-card">

<div class="card-front">

<figure>

<div class="img-bg"></div>

<img src="img/flip1.jpg" alt="">

<div class="card-front-text3">

<h2>Soft</h2>

<h2>Skills</h2>

</div>

</figure>

</div>

<div class="card-back">

<!-- only if the image is necessary -->

<figure>

<div class="img-bg"></div>

<img src="img/flip1.jpg" alt="">

</figure>

<ul>

<li>Efficient Communication skills</li>

<li>Teamwork</li>

<li>Problem Solving</li>

<li>Research</li>

</ul>

<!-- can add svg here and remove these eight spans -->

<div class="design-container">

<span class="design design--1"></span>

<span class="design design--2"></span>

<span class="design design--3"></span>

<span class="design design--4"></span>

<span class="design design--5"></span>

<span class="design design--6"></span>

<span class="design design--7"></span>

<span class="design design--8"></span>

</div>

</div>

</div>

</div>

</section>

<!-- /flip-card-container -->

<!-- -------------------------------- ------------------------- -->

</div>

</div>

<section class="portfolio" id="portfolio">

<div class="container">

<div class="section-heading">

<h1>Projects</h1>

<h6>View some recent work</h6>

</div>

<div class="portfolio-item" >

<div class="portfolio-img has-margin-right" data-aos="fade-right" data-aos-delay = "300">

<img src="img/project1.png" alt="what">

</div>

<div class="portfolio-description" data-aos="fade-left" data-aos-delay = "600">

<h6>Computer Vision</h6>

<h1>Autonomous Underwater Vehcile</h1>

<p>

I was a part of the computer science team for building an autonomous underwater project.

My main tasks was to work on under-water object detection and also help with the control logic.

The detection process was attempted with the help of OpenCV. The project was made modular

and we integrated sensor readings to the calibration unit with the help of ROS (Robot Operating

System).

</p>

<!-- <a href="#" class="cta">View Details</a> -->

</div>

</div>

<div class="portfolio-item">

<div class="portfolio-description has-margin-right" data-aos="fade-right" data-aos-delay = "900">

<h6>Web Development</h6>

<h1>AUV Society IIITDM Website</h1>

<p>

Cretaed the foundational design with HTML and CSS. The CSS framework used was Bootstrap. The intention of making this website

was to start publicizing our AUV society projects for crowd funding and also try expanding the resources of our society.

</p>

<!-- <a href="#" class="cta">View Details</a> -->

</div>

<div class="portfolio-img" data-aos="fade-left" data-aos-delay = "1200">

<img src="img/project2.png" alt="">

</div>

</div>

<div class="portfolio-item">

<div class="portfolio-img has-margin-right" data-aos="fade-right" data-aos-delay = "1500">

<img src="img/server.png" alt="" >

</div>

<div class="portfolio-description" data-aos="fade-left" data-aos-delay = "1800">

<h6>A Simple HTTP Server</h6>

<h1>Java</h1>

<p>

A simeple HTTP server made in Java. This is currently supporting GET feature for hosting static websites.

</p>

<!-- <a href="#" class="cta">View Details</a> -->

</div>

</div>

</div>

<section class="experience" id="experience">

<div class="container">

<div class="section-heading">

<h1>Work Experience</h1>

<h6>Past and current work</h6>

</div>

<div class="timeline" data-aos="fade-down" data-aos-delay = "300">

<ul>

<li class="date" data-date="2019 - Present">

<h1>AUV IIITDM KANCHEEPURAM</h1>

<p>

I was the lead CS member in the team. We were working on a project, autonomous underwater vehicle, aiming for a competition

SAUVC 2020. We were selected for the final round to be held in Singapore to be held during August 2020.

</p>

</li>

</ul>

</div>

</div>

<section class="contact" id="contact">

<div class="container">

<div class="section-heading">

<h1>Contact</h1>

<h6>Lets work togather</h6>

</div>

<!-- Custom made he he he coming soon-->

<div class="social-media">

<ul class="nav-list">

<li>

<a href="https://www.facebook.com/arjun.ramesh.1800" class="icon-link">

<i class="fab fa-facebook"></i>

</a>

</li>

<li>

<a href="https://www.hackerrank.com/arjun_ramvsh" class="icon-link">

<i class="fab fa-hackerrank"></i>

</a>

</li>

<li>

<a href="https://www.linkedin.com/in/arjunramesh16/" class="icon-link">

<i class="fab fa-linkedin-in"></i>

</a>

</li>

<li>

<a href="https://github.com/ArjunRameshV" class="icon-link">

<i class="fab fa-github"></i>

</a>

</li>

<li>

<a href="mailto: coe17b032@iiitdm.ac.in" class="icon-link">

<i class="far fa-envelope"></i>

</a>

</li>

</ul>

</div>

</div>

<footer class="copyright">

<div class="up" id="up">

<i class="fas fa-chevron-up"></i>

</div>

<p>&copy; 2020 Arjun R</p>