-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
137 lines (130 loc) · 6.3 KB
/
index.html
File metadata and controls
137 lines (130 loc) · 6.3 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Paper Code Web</title>
<link rel="icon" href="assets/icons/favicon.png" type="image/x-icon" />
<link rel="stylesheet" href="style/index_style.css">
<script type="module" src="scripts/index.js" defer></script>
</head>
<body>
<header class="navbar">
<div class="brand_logo">
<img src="assets/paper_code_logo.png"/>
<h1>Paper Code</h1>
</div>
<nav class="mid-nav" id="nav-links">
<a href="https://github.com/PaperCodeGithub">
<div class="img-head">
<img src="assets/icons/project.svg"/>
<p>Projects</p>
</div>
</a>
<a href="addon/tools.html">
<div class="img-head">
<img src="assets/icons/tools.png"/>
<p>Tools</p>
</div>
</a>
<a href="addon/exp.html">
<div class="img-head">
<img src="assets/icons/experiment.svg"/>
<p>Experiments</p>
</div>
</a>
<a href="addon/books.html">
<div class="img-head">
<img src="assets/icons/book.svg"/>
<p>Books</p>
</div>
</a>
</nav>
<div class="creat">
<button id="login_btn">Login</button>
<button id="new_btn">New</button>
<button id="logout_btn">Logout</button>
</div>
<button class="hamburger" onclick="toggleMenu()">☰</button>
</header>
<section class="intro">
<div class="intro_text">
<h1>Welcome to<br>Paper Code</h1>
<p>Paper Code is more than just a name, it’s a vision.
At Paper Code, we push boundaries by crafting everything from cutting-edge AI and machine learning models to
robust system-level programs. We dive deep into diverse topics, constantly experimenting and building things
people often think are impossible. Whether it’s inventing entirely new algorithms or breathing fresh life into
classic ones, Paper Code thrives on curiosity, creativity, and a relentless pursuit of innovation.<br>
This is a space where ideas evolve into tangible projects, where technology meets imagination,
and where the future is written one line of code at a time.</p>
<div class="email-div">
<div class="input-container">
<input type="text" id="review" required>
<label for="review">Write your experience with us</label>
</div>
<button id="review_btn">Publish</button>
</div>
</div>
<img src="assets/paper_code_logo.png"/>
</section>
<section class="about_section">
<h1>About Me</h1>
<div class="img-text">
<img src="assets/my_pic.png"/>
<p>Hi, I’m <b>Aritra</b> — the mind and hands behind Paper Code.
I’m a passionate software developer from India who finds joy in transforming raw ideas into clean, elegant, and
functional code.<br>From crafting intuitive web applications to experimenting with creative AI and diving into
system-level intricacies, I thrive on exploring the vast intersections of technology and imagination.
I love building things that challenge conventional thinking whether it’s designing brand-new algorithms,
reimagining old ones, or stitching together unlikely concepts to see what emerges.<br><br>
<b>Paper Code</b> is my personal laboratory where I document this journey — sharing my projects, experiments,
and the small lessons I pick up along the way. It’s a space that captures not just what I build, but why I build it.
Thanks for taking the time to visit. I hope something here sparks your curiosity as much as it fuels mine.</p>
</div>
</section>
<section class="reviews_section">
<h1 class="animate-heading">Reviews</h1>
<div class="reviews" id="reviews">
<div class="review-card">
<div class="user-details">
<h2 class="user-name">John Doe</h2>
<p class="user-review">Paper Code is a game-changer! The projects are innovative and the code is clean.</p>
<p class="user-date">2023-10-01</p>
</div>
</div>
</div>
</section>
<section class="contact_section">
<h1 class="animate-heading">Contact Me</h1>
<p class="animate-subheading">Ready to build something together?</p>
<div class="contact-div">
<img src="assets/contact_us.png" class="animate-image"/>
<div class="user-inputs">
<div class="name-inputs">
<input placeholder="First Name" class="animate-input"/>
<input placeholder="Last Name" class="animate-input"/>
</div>
<input placeholder="Email" class="animate-input"/>
<textarea placeholder="Your Message" class="animate-input"></textarea>
<button id="sendContact" class="animate-button">Send</button>
</div>
</div>
</section>
<section class="social_section">
<h1>My Socials</h1>
<div class="contact-div">
<a href="https://www.facebook.com/profile.php?id=61578736383053"><img src="assets/icons/facebook.svg"/></a>
<a href="https://www.instagram.com/paper.code.world/"><img src="assets/icons/instagram.svg"/></a>
<a href="https://github.com/PaperCodeGithub"><img src="assets/icons/github.svg"/></a>
</div>
<p>
Created with ❤️ by <strong>Paper Code</strong>
</p>
</section>
<script>
function toggleMenu() {
document.querySelector(".navbar").classList.toggle("expanded");
}
</script>
</body>
</html>