Skip to content

Commit

Permalink
complete responsiveness for smaller screens.
Browse files Browse the repository at this point in the history
  • Loading branch information
@Smoke221
Smoke221 committed Jul 19, 2024
1 parent 4f7516a commit b1f1c57
Show file tree
Hide file tree
Showing 11 changed files with 149 additions and 204 deletions.
Binary file removed Images/Analyzy-Analyze.png
View file
Binary file not shown.
Binary file modified Images/Analyzy-Drag and Drop.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Images/Analyzy-Home.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed Images/blackbg.jfif
View file
Binary file not shown.
Binary file modified Images/cart.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Images/index4.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Images/menu.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Images/page4.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Images/photographer4.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
188 changes: 96 additions & 92 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,7 @@
<title>Kancharla Anil | Portfolio</title>
<link rel="icon" href="./Images/logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="portfolio.css" />
<link
href="https://fonts.googleapis.com/css2?family=Lexend:wght@200;500&family=Ubuntu:wght@700&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Outfit:wght@100..900&display=swap" rel="stylesheet">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
Expand Down Expand Up @@ -66,76 +63,86 @@
<div id="mobile-nav-menu">
<ul class="mob-nav-menu-items">
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z"
/>
</svg>
<a class="nav-link home" href="#about">Profile</a>
<a class="nav-link home" href="#about">
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z"
/>
</svg>
Profile
</a>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120H160Zm0-80h640v-440H160v440Zm240-520h160v-80H400v80ZM160-200v-440 440Z"
/>
</svg>
<a class="nav-link projects" href="#projects">Projects</a>
<a class="nav-link projects" href="#projects">
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120H160Zm0-80h640v-440H160v440Zm240-520h160v-80H400v80ZM160-200v-440 440Z"
/>
</svg>
Projects
</a>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"
/>
</svg>
<a class="nav-link home" href="#home">Home</a>
<a class="nav-link home" href="#home">
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"
/>
</svg>
Home
</a>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M480-400 40-640l440-240 440 240-440 240Zm0 160L63-467l84-46 333 182 333-182 84 46-417 227Zm0 160L63-307l84-46 333 182 333-182 84 46L480-80Zm0-411 273-149-273-149-273 149 273 149Zm0-149Z"
/>
</svg>
<a class="nav-link skills" href="#skills">Skills</a>
<a class="nav-link skills" href="#skills">
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M480-400 40-640l440-240 440 240-440 240Zm0 160L63-467l84-46 333 182 333-182 84 46-417 227Zm0 160L63-307l84-46 333 182 333-182 84 46L480-80Zm0-411 273-149-273-149-273 149 273 149Zm0-149Z"
/>
</svg>
Skills
</a>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M796-120q-119 0-240-55.5T333-333Q231-435 175.5-556T120-796q0-18.86 12.57-31.43T164-840h147.33q14 0 24.34 9.83Q346-820.33 349.33-806l26.62 130.43q2.05 14.9-.62 26.24-2.66 11.33-10.82 19.48L265.67-530q24 41.67 52.5 78.5T381-381.33q35 35.66 73.67 65.5Q493.33-286 536-262.67l94.67-96.66q9.66-10.34 23.26-14.5 13.61-4.17 26.74-2.17L806-349.33q14.67 4 24.33 15.53Q840-322.27 840-308v144q0 18.86-12.57 31.43T796-120ZM233-592l76-76.67-21-104.66H187q3 41.66 13.67 86Q211.33-643 233-592Zm365.33 361.33q40.34 18.34 85.84 29.67 45.5 11.33 89.16 13.67V-288l-100-20.33-75 77.66ZM233-592Zm365.33 361.33Z"
/>
</svg>
<a class="nav-link contact" href="#contact">Contact</a>
<a class="nav-link contact" href="#contact">
<svg
xmlns="http://www.w3.org/2000/svg"
height="30px"
viewBox="0 -960 960 960"
width="40px"
fill="#5f6368"
>
<path
d="M796-120q-119 0-240-55.5T333-333Q231-435 175.5-556T120-796q0-18.86 12.57-31.43T164-840h147.33q14 0 24.34 9.83Q346-820.33 349.33-806l26.62 130.43q2.05 14.9-.62 26.24-2.66 11.33-10.82 19.48L265.67-530q24 41.67 52.5 78.5T381-381.33q35 35.66 73.67 65.5Q493.33-286 536-262.67l94.67-96.66q9.66-10.34 23.26-14.5 13.61-4.17 26.74-2.17L806-349.33q14.67 4 24.33 15.53Q840-322.27 840-308v144q0 18.86-12.57 31.43T796-120ZM233-592l76-76.67-21-104.66H187q3 41.66 13.67 86Q211.33-643 233-592Zm365.33 361.33q40.34 18.34 85.84 29.67 45.5 11.33 89.16 13.67V-288l-100-20.33-75 77.66ZM233-592Zm365.33 361.33Z"
/>
</svg>
Contact
</a>
</li>
</ul>
</ul>
</div>
<div id="home-about">
<p>Hello there, I'm</p>
Expand All @@ -159,7 +166,7 @@ <h2 id="name">Anil Reddy</h2>
</div>
<div id="about" class="about section">
<h1>About me</h1>
<p><span>See</span> for yourself</p>
<p>See for yourself</p>
<div id="about-container" class="about section">
<img
id="about-img"
Expand Down Expand Up @@ -187,14 +194,12 @@ <h1>Performance beats promises.</h1>
user-friendly website development and web design, <br />
look to my specilization in backend and full stack developement
</p>
<!-- each project card -->
<br />
<div class="project-card">
<div class="project-info">
<!-- <div class="project-number">01</div> -->
<h3 class="project-title">
<h1 class="project-title">
<span class="actual-text">Chick-n-Fry</span>
</h3>
</h1>
<p class="project-description">
Chick-n-Fry is a fast-food restaurant chain known for its chicken
sandwiches, waffle fries, and friendly service. Chick-n-Fry is a
Expand All @@ -207,20 +212,20 @@ <h3 class="project-title">
<p>ExpressJS</p>
<p>MongoDB</p>
</div>
<a
<div class="project-source">
<a
class="project-github-link"
href="https://github.com/Smoke221/tangible-voyage-4988"
target="_blank"
>Source code</a
>
<br />
<br />
<a
class="project-deployed-link"
href="https://timely-parfait-491bed.netlify.app/"
target="_blank"
>Live here</a
>
</div>
</div>
<div id="project-image-coursel">
<div class="swiper">
Expand All @@ -231,17 +236,18 @@ <h3 class="project-title">
<div class="swiper-slide">
<img src="./Images/menu.png" alt="#" />
</div>
<div class="swiper-slide">
<img src="./Images/cart.png" alt="#" />
</div>
</div>
</div>
</div>
</div>
<br />
<br />
<div class="project-card">
<div class="project-info">
<h3 class="project-title">
<h1 class="project-title">
<span class="actual-text">Book My Shoot</span>
</h3>
</h1>
<p class="project-description">
A photographer booking system allows logged-in users to book a shoot
with their desired photographer. Enthusiastic and professional
Expand All @@ -256,20 +262,20 @@ <h3 class="project-title">
<p>Mongo DB</p>
<p>Redis</p>
</div>
<a
<div class="project-source">
<a
class="project-github-link"
href="https://github.com/git-rishab/photographer-booking-system"
target="_blank"
>Source code</a
>
<br />
<br />
<a
class="project-deployed-link"
href="https://bookmyshoot.netlify.app/"
target="_blank"
>Live here</a
>
</div>
</div>
<div id="project-image-coursel">
<div class="swiper">
Expand All @@ -280,17 +286,18 @@ <h3 class="project-title">
<div class="swiper-slide">
<img src="./Images/page4.png" alt="" />
</div>
<div class="swiper-slide">
<img src="./Images/photographer4.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<br />
<br />
<div class="project-card">
<div class="project-info">
<h3 class="project-title">
<h1 class="project-title">
<span class="actual-text">Analyzy</span>
</h3>
</h1>
<p class="project-description">
An application designed to read PDFs with the help of AI in a better
way allowing users to ask questions about the contents of the file.
Expand All @@ -306,20 +313,20 @@ <h3 class="project-title">
<p>GCP</p>
<p>AI</p>
</div>
<a
<div class="project-source">
<a
class="project-github-link"
href="https://github.com/Smoke221/Analyzy"
target="_blank"
>Source code</a
>
<br />
<br />
<a
class="project-deployed-link"
href="https://analyzy.vercel.app/"
target="_blank"
>Live here</a
>
</div>
</div>
<div id="project-image-coursel">
<div class="swiper">
Expand All @@ -330,9 +337,6 @@ <h3 class="project-title">
<div class="swiper-slide">
<img src="./Images/Analyzy-Drag and Drop.png" alt="" />
</div>
<div class="swiper-slide">
<img src="./Images/Analyzy-Analyze.png" alt="" />
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -409,12 +413,12 @@ <h1>Github Activity</h1>
src="https://github-readme-streak-stats.herokuapp.com/?user=Smoke221"
alt=""
/>
<div class="react-activity-calendar"></div>
<!-- <div class="react-activity-calendar"></div> -->
</div>
</div>
<div id="contact">
<h1>Connect</h1>
<p>Don't be a stranger</p>
<p>Don't be <span>a stranger</span></p>
<div id="container-contact">
<div id="main-contact">
<div>
Expand Down
Loading

0 comments on commit b1f1c57

Please sign in to comment.