This repository has been archived by the owner on Mar 8, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
singleProject.html
147 lines (132 loc) · 5.07 KB
/
singleProject.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
<!-- title, description, tech stacks , likes, comments -->
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/single_project.css" />
<link rel="stylesheet" type="text/css" href="css/navbar.css" />
<link rel="stylesheet" type="text/css" href="css/like_button.css" />
<link rel="stylesheet" type="text/css" href="css/button.css" />
<link rel="stylesheet" type="text/css" href="css/button_green.css" />
<script type="module" src="js/navbar.js"></script>
<script type="module" src="js/projectLike.js"></script>
<style>
#projectCard {
margin-left: 190px;
margin-right: 300px;
margin-top: 100px;
}
</style>
</head>
<body>
<header>
<div class="navbar">
<div class="navbar-section" id="title-section">
<a id="title">
<img src="images/logo2.png" height="50px" /> Smart Student
Projects</a>
</div>
<div class="navbar-section" id="pages-section">
<a href="home.html">
<button class="button_nav" style="font-size: 13px" id="active">
<i class="fa-solid fa-house"></i>
Home
</button></a>
<a href="about.html">
<button class="button_nav" style="font-size: 13px">
<i class="fa-solid fa-address-card"></i>
About
</button></a>
<a href="ranking.html">
<button class="button_nav" style="font-size: 13px">
<i class="fa-solid fa-ranking-star"></i>
Ranking
</button></a>
<a href="projects.html">
<button class="button_nav" style="font-size: 13px">
<i class="fa-solid fa-lightbulb"></i>
Projects
</button></a>
</div>
<div class="navbar-section" id="login-profile-section">
<a href="project_submission.html" id="menu_submit_project">
<button class="button_green" style="
font-size: 13px;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 10px;
">
Upload
<i class="fa-solid fa-plus"></i>
</button>
</a>
<a href="index.html" id="menu_loginregister">
<button class="button_nav" style="font-size: 13px">
<i class="fa-solid fa-right-to-bracket"></i>
Login/Register
</button></a>
<a href="user_profile.html">
<button class="button_nav" style="font-size: 13px" id="menu_profile">
<i class="fa-solid fa-user"></i>
Profile
</button></a>
<a href="#"><button class="button_nav" id="menu_logout" style="background: red">
<i class="fa-solid fa-right-from-bracket fa-lg" style="color: #fff"></i></button></a>
</div>
</div>
</header>
<div class="card-container">
<div class="card" id="projectCard">
<div class="card-body">
<p class="mb-0"><b>Title:</b> Project 1</p>
<hr>
<p id="user_name2"><b>Type:</b> Hardware</p>
<hr>
<p id="user_name2"><b>Tech Stacks:</b> Arduino</p>
<hr>
<p id="user_name2"><b>Description:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nisl
nibh, feugiat sed mi finibus, lobortis egestas
augue. Nam luctus ipsum vitae vestibulum dapibus. Vestibulum iaculis pulvinar posuere. Pellentesque nec.</p>
<hr>
<p id="user_name2"><b>Likes:</b>0</p>
<hr>
<!-- <p id="user_name2">Comments</p> -->
</div>
</div>
<div class="bottom-cards">
<div class="card bottom-card">
<div class="card-body">
<h3>Project Made By:</h3>
<h4>Aryan Randeriya</h4>
</div>
</div>
<div class="card bottom-card">
<div class="card-body">
<h3>Do you think this project is Innovative?</h3>
<h5>Hit the like button to show your appreciation!</h5>
<br />
<div id="wrapper">
<label class="like_container">
<input type="checkbox">
<div class="checkmark">
<svg fill="none" viewBox="0 0 24 24">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.3" stroke="#FFFFFF"
d="M8 10V20M8 10L4 9.99998V20L8 20M8 10L13.1956 3.93847C13.6886 3.3633 14.4642 3.11604 15.1992 3.29977L15.2467 3.31166C16.5885 3.64711 17.1929 5.21057 16.4258 6.36135L14 9.99998H18.5604C19.8225 9.99998 20.7691 11.1546 20.5216 12.3922L19.3216 18.3922C19.1346 19.3271 18.3138 20 17.3604 20L8 20">
</path>
</svg>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="https://kit.fontawesome.com/3d65243769.js" crossorigin="anonymous"></script>
</html>