briancodedev.github.io/3d-model-projects.html at main · BrianCodeDev/briancodedev.github.io · GitHub

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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Primary Meta Tags -->
    <title>BrianDevCode - Projects</title>

<meta name="title" content="BrianDevCode – Software Engineer & Web Developer">
<meta name="description" content="BrianDevCode is a software engineer building modern, scalable, and responsive web applications. Explore projects, portfolio work, and development insights.">
<meta name="keywords" content="BrianDevCode, Brian Kelley, Software Engineer, Web Developer, Full Stack Developer, Portfolio, Web Applications">
<meta name="author" content="BrianDevCode">


<!-- Open Graph Meta Tags / Facebook -->
<meta property="og:title" content="BrianDevCode – Software Engineer & Web Developer">
<meta property="og:description" content="BrianDevCode is a software engineer building modern, scalable, and responsive web applications. Explore projects, portfolio work, and development insights.">
<meta property="og:image" content="assets/images/banner.webp">
<meta property="og:url" content="/">
<meta property="og:type" content="website">

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BrianDevCode – Software Engineer & Web Developer">
<meta name="twitter:description" content="BrianDevCode is a software engineer creating modern, scalable, and responsive web applications. View projects, portfolio work, and dev insights.">
<meta name="twitter:image" content="assets/images/banner.webp">


    <!-- Favicon -->
    <link rel="icon" href="assets/images/pngtree-colorful-3d-gradient-x-symbol-png-image_15771843.png" type="image/x-icon">

    <!-- Google Fonts: Rubik -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik&amp;display=swap">

    <!-- Stylesheets -->

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap-icons.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <!-- Preload Important resources -->
    <link rel="preload" href="assets/css/aos.css" as="style" >
    <link rel="preload" href="assets/css/owl.carousel.min.css" as="style" >
    <link rel="preload" href="assets/css/bootstrap.min.css" as="style" />
    <link rel="preload" href="assets/css/bootstrap-icons.min.css" as="style" />
    <link rel="preload" href="assets/css/style.css" as="style" />

    <!-- MS-Clarity Analytics -->
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "phycesbqlg");
    </script>

</head>

<body data-bs-theme="dark" data-bs-spy="scroll" data-bs-target="#navbar">

    <!-- Preloader -->
    <div id="preloader"></div>

    <!-- Header -->
    <header id="header">
        <nav id="navbar" class="navbar navbar-expand-md">
            <div class="container">
                <a href="/" class="navbar-brand logo">
                    <span class="logo-name">☕BrianDevCode</span>
                </a>
                <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarMenu">
                    <div class="offcanvas-header">
                        <a href="/" class="offcanvas-title navbar-brand logo" id="offcanvasNavbarMenu" data-aos="fade-down" data-aos-delay="600">
                            <span class="logo-name">BrianDevCode</span>
                        </a>
                        <button type="button" class="navbar-toggler" data-bs-dismiss="offcanvas" aria-label="Close Navigation Menu"><i class="bi bi-x toggle-icon"></i></button>
                    </div>
                    <div class="offcanvas-body">
                        <ul class="navbar-nav nav-underline justify-content-end flex-grow-1">
                            <li class="nav-item" data-aos="fade-down" data-aos-delay="500" data-bs-dismiss="offcanvas"><a href="https://briancodedev.github.io/portfolio/" class="nav-link active" aria-current="page">☕Home</a></li>
                            <li class="nav-item" data-aos="fade-down" data-aos-delay="1000" data-bs-dismiss="offcanvas"><a href="assets/images/Brian Kelley (Resume) (2).pdf" class="nav-link">☕Resume</a></li>
                            <li class="nav-item" data-aos="fade-down" data-aos-delay="1000" data-bs-dismiss="offcanvas"><a href="#contact" class="nav-link">☕Contact</a></li>
               <li class="nav-item" data-aos="fade-down" data-aos-delay="1000" data-bs-dismiss="offcanvas"><a href="project-viewing.html" class="nav-link">☕Projects</a></li>
               </ul>
                    </div>
                </div>
                <button class="btn border-0" id="switchTheme" data-aos="fade-down" data-aos-delay="600"><i class="bi bi-brightness-high-fill"></i></button>
                <button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle Navigation Menu" data-aos="fade-down" data-aos-delay="600"><i class="bi bi-list toggle-icon"></i></button>
            </div>
        </nav>
    </header>

<!-- PROJECTS / PORTFOLIO -->
<section class="projects container py-5">

  <!-- ===== PROPS ===== -->
  <h2 class="text-center mb-4">🧰 Props</h2>
  <div class="row">

    <!-- Prop Card -->
    <div class="col-lg-4 col-md-6 mb-4">
      <div class="project-card position-relative rounded overflow-hidden shadow">
        <img src="assets/images/2026-01-02 14-41-25.gif" class="w-100" alt="Donut in a Cup 3d model design">

        <div class="project-overlay position-absolute bottom-0 w-100 p-3 text-center">
          <a href="#" class="d-block">Donut in a Cup 3d model design</a>
        </div>
      </div>
    </div>

    <!-- Duplicate for more props -->
    <div class="col-lg-4 col-md-6 mb-4">
      <div class="project-card position-relative rounded overflow-hidden shadow">
        <img src="assets/images/2026-01-02 18-39-27.gif" class="w-100" alt="Evil Cross Statue with glitching flashlight prop">
        <div class="project-overlay position-absolute bottom-0 w-100 p-3 text-center">
          <a href="#">Evil Cross Statue with glitching flashlight prop</a>
        </div>
      </div>
    </div>

    <div class="col-lg-4 col-md-6 mb-4">
      <div class="project-card position-relative rounded overflow-hidden shadow">
        <img src="https://placehold.co/600x400?text=Flashlight" class="w-100" alt="Flashlight">
        <div class="project-overlay position-absolute bottom-0 w-100 p-3 text-center">
          <a href="#">View</a>
          <a href="#">Download</a>
        </div>
      </div>
    </div>

  </div>

  <!-- ===== ENVIRONMENTS ===== -->
  <h2 class="text-center my-4">🏚️ Environments</h2>
  <div class="row">

    <div class="col-lg-4 col-md-6 mb-4">
      <div class="project-card position-relative rounded overflow-hidden shadow">
        <img src="https://placehold.co/600x400?text=Haunted+Room" class="w-100" alt="Environment">
        <div class="project-overlay position-absolute bottom-0 w-100 p-3 text-center">
          <a href="#">View</a>
          <a href="#">Download</a>
        </div>
      </div>
    </div>

    <div class="col-lg-4 col-md-6 mb-4">
      <div class="project-card position-relative rounded overflow-hidden shadow">
        <img src="https://placehold.co/600x400?text=Modular+Hallway" class="w-100" alt="Hallway">
        <div class="project-overlay position-absolute bottom-0 w-100 p-3 text-center">
          <a href="#">View</a>
          <a href="#">Download</a>
        </div>
      </div>
    </div>

    <div class="col-lg-4 col-md-6 mb-4">
      <div class="project-card position-relative rounded overflow-hidden shadow">
        <img src="https://placehold.co/600x400?text=Basement" class="w-100" alt="Basement">
        <div class="project-overlay position-absolute bottom-0 w-100 p-3 text-center">
          <a href="#">View</a>
          <a href="#">Download</a>
        </div>
      </div>
    </div>

  </div>

  <!-- ===== CHARACTERS ===== -->


</section>


    <button class="btn" id="backToTopButton" onclick="scrollToTop()" style="display: none;">
        <span aria-label="Back to top">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-up-square" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm8.5 9.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"/>
              </svg>
        </span>
    </button>


    <!-- JavaScript -->
    <script src="assets/js/aos.js" defer></script>
    <script src="assets/js/jquery-3.7.1.min.js" defer></script>
    <script src="assets/js/owl.carousel.min.js" defer></script>
    <script src="assets/js/bootstrap.min.js" defer></script>
    <script src="assets/js/script.js" defer></script>


</body>
</html>