So I am having an issue with the welcome page. I have my project files uploaded, I have an index.cshtml page all my files are in the right place and I know my code works from a testing stand point. I don’t understand why my site isn’t up and all I see is the welcome page.
you really should give your website url when asking for hosting support
the problem might be that it should be index.html or index.php , i dont think index.cshtml is supported
1 Like
well opening that site the page just closes, I cannot download your index.html as infinityfree’s security prevents this
can you post your index.html file here using the
code tag thanks
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<style>
h2{
text-align:center;
margin-top:10px;
}
body {
background-image: url("/imgVid/Blue.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center 50px;
}
.container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.card {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
padding: 20px;
margin: 20px 0;
width: 60%;
max-width: 600px;
display: flex;
flex-direction: column;
}
.card-header {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
text-align:center;
}
.card-body {
font-size: 18px;
line-height: 1.5;
}
.card-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.card-small {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
width: 37.5%;
max-width: 650px;
max-height: 250px;
display: flex;
flex-direction: column;
align-items: center;
margin-top:150px;
padding:2px;
}
.card-small-header {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.card-small-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 3vw;
position: relative;
width: 100%;
margin-top: 2px;
}
.card-small-icons i {
margin: 10px;
}
#video-card {
width: 37.5%;
max-width: 650px;
max-height: 250px;
display: flex;
flex-direction: column;
margin-top:-400px;
margin-left: auto;
}
</style>
<body>
<div class="container">
<div class="card">
<h2 class="card-header">A Little About Me</h2>
<div class="card-body">
<p>As a web developer and app designer from Trios College, I am thrilled to be part of the ever-evolving and dynamic field of technology. With every new project I take on, I strive to create amazing digital experiences that not only meet the needs of the end-users but exceed their expectations.</p>
<p>Being a newbie in this field means that I have a lot to learn, and I am more than willing to take on new challenges and soak up as much knowledge as I can. The prospect of working with a team that is just as passionate as I am is something that excites me greatly. Together, we can bring fresh ideas to the table and push the boundaries of what is possible.</p>
<p>When I'm not busy coding, you can find me strumming away on my guitar, enjoying the therapeutic sound of music that soothes the soul. It's my escape from the world of technology, a way to recharge and revitalize my creative energy. I am also a family man at heart, and nothing brings me more pride and joy than spending quality time with my lovely wife Kristeen and our two adorable children, Kaia and Wesley. They are my anchor and my driving force, inspiring me to keep pushing myself to be the best that I can be.</p>
<p>As I look towards the future, I am filled with anticipation and excitement about the projects that await. Whether it's creating stunning web designs, developing innovative apps, or exploring new technologies.</p>
</div>
</div>
<div class="card-small">
<h2>Just Some Programs I know</h2>
<div class="card-small-icons">
<i class="fab fa-html5" data-tooltip style="color:#e34c26"></i>
<i class="fab fa-css3-alt" style="color:#1572b6"></i>
<i class="fab fa-js-square" style="color:#f0db4f"></i>
<i class="fab fa-python" style="color:#3776ab"></i>
<i class="fab fa-adobe" style="color:#ff0000"></i>
<i class="fab fa-linkedin-in" style="color:#0077b5"></i>
<i class="fab fa-github" style="color:#333"></i>
<i class="fas fa-database" style="color:#a4b0be"></i>
</div>
<h2>With More Being Added All The Time</h2>
</div>
<div class="card-small" id="video-card">
<video controls muted autoplay width="100%" height="100%" id="promo-video" volume="0.5">
<source src="/imgVid/PromoVideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<script>
var promoVideo = document.getElementById('promo-video');
promoVideo.addEventListener('ended', function() {
promoVideo.src = "/imgVid/animlogo.mp4";
promoVideo.load();
promoVideo.play();
});
</script>
</body>
I added the missing html head meta tags and uploaded it to my website and it seems to work
https://lovebyte.eu.org/test/test1.html
1 Like
<html>
<head>
<meta charset='UTF-8'>
<style>
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
h2{
text-align:center;
margin-top:10px;
}
body {
background-image: url("/imgVid/Blue.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center 50px;
}
.container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.card {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
padding: 20px;
margin: 20px 0;
width: 60%;
max-width: 600px;
display: flex;
flex-direction: column;
}
.card-header {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
text-align:center;
}
.card-body {
font-size: 18px;
line-height: 1.5;
}
.card-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.card-small {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
width: 37.5%;
max-width: 650px;
max-height: 250px;
display: flex;
flex-direction: column;
align-items: center;
margin-top:150px;
padding:2px;
}
.card-small-header {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.card-small-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 3vw;
position: relative;
width: 100%;
margin-top: 2px;
}
.card-small-icons i {
margin: 10px;
}
#video-card {
width: 37.5%;
max-width: 650px;
max-height: 250px;
display: flex;
flex-direction: column;
margin-top:-400px;
margin-left: auto;
}
</style>
</head>
<body>
<div class="container">
<div class="card">
<h2 class="card-header">A Little About Me</h2>
<div class="card-body">
<p>As a web developer and app designer from Trios College, I am thrilled to be part of the ever-evolving and dynamic field of technology. With every new project I take on, I strive to create amazing digital experiences that not only meet the needs of the end-users but exceed their expectations.</p>
<p>Being a newbie in this field means that I have a lot to learn, and I am more than willing to take on new challenges and soak up as much knowledge as I can. The prospect of working with a team that is just as passionate as I am is something that excites me greatly. Together, we can bring fresh ideas to the table and push the boundaries of what is possible.</p>
<p>When I'm not busy coding, you can find me strumming away on my guitar, enjoying the therapeutic sound of music that soothes the soul. It's my escape from the world of technology, a way to recharge and revitalize my creative energy. I am also a family man at heart, and nothing brings me more pride and joy than spending quality time with my lovely wife Kristeen and our two adorable children, Kaia and Wesley. They are my anchor and my driving force, inspiring me to keep pushing myself to be the best that I can be.</p>
<p>As I look towards the future, I am filled with anticipation and excitement about the projects that await. Whether it's creating stunning web designs, developing innovative apps, or exploring new technologies.</p>
</div>
</div>
<div class="card-small">
<h2>Just Some Programs I know</h2>
<div class="card-small-icons">
<i class="fab fa-html5" data-tooltip style="color:#e34c26"></i>
<i class="fab fa-css3-alt" style="color:#1572b6"></i>
<i class="fab fa-js-square" style="color:#f0db4f"></i>
<i class="fab fa-python" style="color:#3776ab"></i>
<i class="fab fa-adobe" style="color:#ff0000"></i>
<i class="fab fa-linkedin-in" style="color:#0077b5"></i>
<i class="fab fa-github" style="color:#333"></i>
<i class="fas fa-database" style="color:#a4b0be"></i>
</div>
<h2>With More Being Added All The Time</h2>
</div>
<div class="card-small" id="video-card">
<video controls muted autoplay width="100%" height="100%" id="promo-video" volume="0.5">
<source src="/imgVid/PromoVideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<script>
var promoVideo = document.getElementById('promo-video');
promoVideo.addEventListener('ended', function() {
promoVideo.src = "/imgVid/animlogo.mp4";
promoVideo.load();
promoVideo.play();
});
</script>
</body>
</html>
then again i dont have the javascript or resources from your site so who knows
So it’s because I missed the head tags and the metas? Smh here I am thinking it’s something far more complex or maybe I messed up with file placement. Nope just absent minded tonight I guess lol. Thank you for your assisstance. I will post back here if this solution works.
no worries, good luck
No it didn’t work. I added the head and metas where the needed to go but it’s still just the welcome page.
Try clearing your cache:
3 Likes
According to my search, CSHTML is an extension used by Razor, an ASP.NET view engine that generates webpages. Unfortunately, ASP.NET is not available on free hosting:
You would have to upload the produced HTML files (with an .html extension) for your website to work, as the server won’t be able to execute C# code or display .cshtml files as you likely intend them to be.
By the way, your website seems to redirect me to an ad page right now, no idea what’s up with that.
5 Likes
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.