Digital Marketing fan club and blog

Digital Marketing fan club and blog Social media marketing

01/10/2025






Recruit Training Command (RTC) - U.S. Navy Bootcamp

/* --- UI: Color Palette and Typography --- */
:root {
--navy-blue: #003366;
--gold-accent: ;
--text-dark: #212529;
--background-page: ;
--background-card: ;
}

body {
font-family: 'Arial', sans-serif;
margin: 0;
background-color: var(--background-page);
color: var(--text-dark);
line-height: 1.6;
}

a {
text-decoration: none;
color: var(--navy-blue);
transition: color 0.2s;
}
a:hover {
color: ;
text-decoration: underline;
}

/* --- HEADER & NAVIGATION (UX: Global Access) --- */
header {
background-color: var(--navy-blue);
color: white;
padding: 15px 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.header-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.site-title {
font-size: 1.8em;
font-weight: bold;
color: white;
}
nav ul {
list-style: none;
padding: 0;
display: flex;
gap: 25px;
flex-wrap: wrap;
}
nav a {
color: white;
font-weight: 500;
padding: 5px 0;
border-bottom: 3px solid transparent;
transition: border-bottom 0.2s;
}
nav a:hover {
border-bottom: 3px solid var(--gold-accent);
color: white;
text-decoration: none;
}

/* --- MAIN LAYOUT --- */
main {
max-width: 1200px;
margin: 30px auto;
padding: 0 20px;
}

/* --- HERO BANNER (UI/UX: Visual Impact with Image) --- */
.hero-banner {
position: relative;
height: 350px; /* UI: Fixed height for visual consistency */
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.hero-image {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.4); /* UI: Darken image for text readability */
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
text-align: center;
padding: 20px;
}
.hero-overlay h2 {
font-size: 2.8em;
margin-bottom: 10px;
color: var(--gold-accent);
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

/* --- CONTENT GRID (UX: Information Grouping) --- */
.content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 30px;
}
.card {
background-color: var(--background-card);
padding: 25px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
border-top: 5px solid var(--gold-accent);
transition: transform 0.2s;
}
.card:hover {
transform: translateY(-5px);
}
.card h3 {
color: var(--primary-navy);
margin-top: 0;
border-bottom: 1px dashed ;
padding-bottom: 10px;
}
.card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 15px;
}

/* --- CALL TO ACTION (CTA) Button --- */
.cta-button {
display: inline-block;
background-color: var(--gold-accent);
color: var(--navy-blue);
padding: 10px 25px;
border-radius: 5px;
font-weight: bold;
margin-top: 15px;
border: 2px solid var(--gold-accent);
transition: background-color 0.2s, color 0.2s;
}
.cta-button:hover {
background-color: var(--navy-blue);
color: white;
text-decoration: none;
}

/* --- FOOTER (UX: Utility & Legal) --- */
footer {
background-color: #333;
color: ;
padding: 30px 20px;
text-align: center;
font-size: 0.85em;
}
footer a {
color: var(--gold-accent);
margin: 0 10px;
}

/* --- Mobile Responsiveness --- */
(max-width: 768px) {
.header-container {
flex-direction: column;
text-align: center;
}
.site-title {
margin-bottom: 15px;
}
.hero-overlay h2 {
font-size: 2em;
}
}






U.S. Navy Recruit Training Command (RTC)


Home
Recruit Training
Graduation Info
Family Resources
Contact









The Foundation of Naval Service.
Forging America's sailors with Honor, Courage, and Commitment.
Apply Now






Graduation Information
Find dates, times, visitor policies, and live streaming links for upcoming ceremonies.
View Schedule



Future Sailor Resources
Everything you need to know to prepare for your journey to Naval Station Great Lakes.
Pre-Bootcamp Guide



Family & Friends Support
Essential information on communicating with recruits, travel, and local accommodation.
Support Center





Latest News & Alerts
ALERT: Updated visitor guidance is in effect. All guests must review the **Graduation Visitor Policy** before planning travel.
New Recruit Training Group-30 has successfully completed P-Days and commenced training. Congratulations!
Read More News







Site Map |
Accessibility Statement |
No Fear Act |
FOIA |
Contact Webmaster

Official U.S. Navy Website | Recruit Training Command, Great Lakes, IL



01/10/2025






U.S. Navy RTC Bootcamp Graduation Live Stream - Sept 25, 2025

:root {
--primary-navy: #003366; /* Deep Navy Blue */
--secondary-green: ; /* Action Green */
--live-red: ; /* Vivid Red */
--text-dark: #212529;
--background-page: ;
--background-card: ;
}

body {
font-family: 'Arial', sans-serif;
margin: 0;
background-color: var(--background-page);
color: var(--text-dark);
line-height: 1.6;
}

a {
text-decoration: none;
color: var(--primary-navy);
transition: color 0.2s;
}

/* --- HEADER & NAV (UX: Global Access) --- */
header {
background-color: var(--primary-navy);
color: white;
padding: 15px 0;
}
nav ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
nav a {
color: white;
font-weight: 500;
padding: 8px 12px;
border-bottom: 2px solid transparent;
}
nav a:hover {
border-bottom: 2px solid white;
}

/* --- MAIN LAYOUT --- */
main {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
h1 {
text-align: center;
color: var(--primary-navy);
font-size: 2.2em;
margin-bottom: 30px;
border-bottom: 3px solid var(--primary-navy);
padding-bottom: 10px;
}

/* --- VIDEO PLAYER (UI/UX: High Contrast & Focus) --- */
.video-player {
position: relative;
background-color: ; /* Dark background for video */
padding-bottom: 56.25%;
height: 0;
margin-bottom: 30px;
border-radius: 12px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.live-tag {
position: absolute;
top: 20px;
left: 20px;
background-color: var(--live-red);
color: white;
padding: 6px 15px;
border-radius: 4px;
font-weight: bold;
z-index: 10;
text-transform: uppercase;
}

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
border-radius: 12px;
}
.overlay h2 {
font-size: 2em;
margin-bottom: 40px;
}

/* UI/UX: Primary Call-to-Action Button */
.cta-button {
display: inline-block;
background-color: var(--secondary-green);
color: white;
padding: 18px 50px;
border-radius: 50px;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.2s, transform 0.1s;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
border: none;
}
.cta-button:hover {
background-color: #218838;
transform: translateY(-2px);
}
.player-controls {
color: ;
margin-top: 20px;
font-size: 0.9em;
}

/* --- INFO & INTERACTION SECTIONS (UX: Card Design) --- */
.content-section {
background-color: var(--background-card);
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
margin-bottom: 25px;
}
.content-section h2 {
color: var(--primary-navy);
font-size: 1.5em;
margin-top: 0;
}
.secondary-links a {
font-weight: bold;
font-size: 1.1em;
margin: 0 15px;
padding: 5px 0;
}

/* Comment Form */
.comment-form {
display: flex;
gap: 10px;
margin-top: 15px;
}
.comment-form textarea {
flex-grow: 1;
padding: 10px;
border: 1px solid ;
border-radius: 4px;
resize: vertical;
}
.comment-form input[type="submit"] {
background-color: var(--primary-navy);
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
.comment-form input[type="submit"]:hover {
background-color: ;
}

/* --- FOOTER (UX: Utility Links) --- */
footer {
background-color: ;
color: #555;
padding: 25px 0;
text-align: center;
font-size: 0.85em;
border-top: 1px solid ;
}
footer nav a {
color: #555;
margin: 0 12px;
}

/* --- Mobile Responsiveness --- */
(max-width: 768px) {
h1 {
font-size: 1.8em;
}
.overlay h2 {
font-size: 1.5em;
}
.cta-button {
font-size: 1.2em;
padding: 15px 30px;
}
}
(max-width: 500px) {
.comment-form {
flex-direction: column;
}
}







TV Show
Graduation Live
Live Event
Sports Live
Festival Live





U.S. Navy RTC Bootcamp Graduation September 25, 2025 Live Streaming


LIVE | 3.5k Watching

Create an Account to Continue Watching

Create Account


00:00 •
& #9658;
• 00:00





About the Graduation Ceremony

Congratulations to the Navy's newest and sharpest Sailors who will be graduating from Bootcamp on **September 25, 2025**. Graduating divisions include 387, 388, 389, 390, 391, 392, 393, 394, 395, 396, 397, 399 and 942 from Training Group-42. More than 40,000 recruits train annually at the 's only boot camp.


Watch Now
   
Signup Now




Live Comments









DMCA |
Privacy Policy |
About Us |
Contact

© 2025 RTC Bootcamp Graduation Stream Demo. All rights reserved.



01/10/2025






U.S. Navy RTC Bootcamp Graduation Live Stream

/* UI: Reset and Base Styles */
body {
font-family: 'Open Sans', Arial, sans-serif;
margin: 0;
background-color: ; /* Light background for easy reading */
color: #333;
line-height: 1.6;
}

/* UI: Global Link and Button Styles */
a {
color: ;
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: ;
}

/* --- HEADER & NAVIGATION (UX: Consistency & Predictability) --- */
header {
background-color: #003087; /* Navy Blue */
color: white;
padding: 10px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
nav ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
gap: 25px;
margin: 0;
flex-wrap: wrap; /* UX: Allows wrapping on small screens */
}
nav a {
color: white;
font-weight: 600;
padding: 8px 15px;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: ;
}

/* --- MAIN LAYOUT --- */
main {
max-width: 1100px;
margin: 30px auto;
padding: 0 20px;
}
h1 {
text-align: center;
color: #003087;
font-size: 2em;
margin-bottom: 30px;
}

/* --- VIDEO PLAYER (UI/UX: Focal Point) --- */
.video-player {
position: relative;
background-color: #000;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
margin-bottom: 30px;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* UI: Live Status Tag */
.live-tag {
position: absolute;
top: 15px;
left: 15px;
background-color: ; /* High-contrast red */
color: white;
padding: 5px 10px;
border-radius: 3px;
font-weight: bold;
z-index: 10;
font-size: 0.9em;
}

/* UX: Overlay for the Call to Action */
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: white;
border-radius: 10px;
}
.overlay h2 {
font-size: 1.8em;
margin-bottom: 20px;
}

/* UI/UX: Primary Call-to-Action (CTA) Button */
.cta-button {
display: inline-block;
background-color: ; /* Green: High perceived affordance for action */
color: white;
padding: 15px 40px;
border-radius: 50px;
font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: background-color 0.3s, transform 0.2s;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.cta-button:hover {
background-color: ;
transform: translateY(-2px); /* UI: subtle lift effect */
}
.player-controls {
color: ;
margin-top: 15px;
font-size: 0.9em;
}

/* --- INFO SECTION --- */
.info-section {
background-color: white;
padding: 25px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}
.info-section h2 {
color: #003087;
border-bottom: 2px solid ;
padding-bottom: 10px;
}

/* --- FOOTER (UX: Utility & Legal) --- */
footer {
background-color: ;
color: #555;
padding: 20px 0;
text-align: center;
font-size: 0.8em;
border-top: 1px solid ;
}
footer a {
color: #555;
margin: 0 10px;
}

/* --- Media Query for Mobile UX --- */
(max-width: 600px) {
nav ul {
flex-direction: column; /* Stacks links vertically on mobile */
gap: 10px;
}
nav a {
display: block;
}
h1 {
font-size: 1.5em;
}
.cta-button {
font-size: 1em;
padding: 12px 30px;
}
}







TV Show
Graduation Live
Live Event
Sports Live
Festival Live





U.S. Navy RTC Bootcamp Graduation September 25, 2025 Live Streaming


LIVE | 3.5k Watching

Create an Account to Continue Watching

Create Account


00:00 •
& #9658;
• 00:00





Event Details

Congratulations to the Navy's newest and sharpest Sailors who will be graduating from Bootcamp on **September 25, 2025**. Divisions 387, 388, 389, 390, 391, 392, 393, 394, 395, 396, 397, 399 and 942 from Training Group-42 are the graduating divisions. More than 40,000 recruits train annually at the 's only boot camp.


Watch Now
|
Signup Now




Live Comments









DMCA |
Privacy Policy |
About Us |
Contact

© 2025 RTC Bootcamp Graduation Stream Demo. All rights reserved.



30/09/2025






U.S. Navy RTC Bootcamp Graduation September 25, 2025

/* --- UI/UX: Base Styles for Readability and Consistency --- */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
background-color: ; /* Light, neutral background */
color: #333;
}

/* --- UI: Navigation Bar --- */
header {
background-color: #003087; /* Navy Blue color */
color: white;
padding: 15px 0;
text-align: center;
}
nav ul {
list-style: none;
padding: 0;
display: flex; /* UX: Flexbox for responsive navigation */
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
nav a {
color: white;
text-decoration: none;
font-weight: 600;
padding: 5px 10px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: ;
border-radius: 4px;
}

/* --- UX: Main Content Area --- */
main {
max-width: 1000px;
margin: 30px auto;
padding: 0 20px;
}

h1 {
text-align: center;
margin-bottom: 20px;
color: #003087;
}

/* --- UI/UX: Video Player Area (Focal Point) --- */
.video-container {
background-color: #000;
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio (Good UX for video) */
height: 0;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75); /* Dark overlay to highlight CTA */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
text-align: center;
padding: 20px;
}

/* UI: Live Indicator */
.live-status {
position: absolute;
top: 15px;
left: 15px;
background-color: ; /* Red for LIVE */
color: white;
padding: 5px 10px;
border-radius: 4px;
font-weight: bold;
font-size: 0.9em;
}

/* --- UI/UX: Primary Call to Action Button --- */
.cta-button {
background-color: ; /* Distinct, attention-grabbing color (Green) */
color: white;
padding: 15px 30px;
border: none;
border-radius: 50px;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
margin-top: 15px;
transition: background-color 0.3s;
text-decoration: none; /* Make it look like a button, even though it's an anchor */
}
.cta-button:hover {
background-color: ;
}

/* --- UI/UX: Content Section --- */
.content-section {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}

/* --- UI: Footer --- */
footer {
background-color: ;
color: #555;
padding: 20px 0;
text-align: center;
font-size: 0.85em;
}
footer a {
color: #555;
text-decoration: none;
margin: 0 10px;
}
footer a:hover {
text-decoration: underline;
}







TV Show
Graduation Live
Live Event
Sports Live
Festival Live





U.S. Navy RTC Bootcamp Graduation - September 25, 2025


LIVE | 3.5k Watching

Create an Account to Continue Watching

Create Account


00:00 •
Click to Play/Pause •
00:00





About the Live Stream

Congratulations to the Navy's newest and sharpest Sailors who will be graduating from Bootcamp on **September 25, 2025**. Divisions 387, 388, 389, 390, 391, 392, 393, 394, 395, 396, 397, 399 and 942 from Training Group-42 are the graduating divisions. More than 40,000 recruits train annually at the 's only boot camp.


Watch Now
|
Signup Now




Live Comments









DMCA |
Privacy Policy |
About Us |
Contact

© 2025 RTC Bootcamp Graduation Stream Demo



Address

Binodpur Bazar , Motihar
Rajshahi

Website

Alerts

Be the first to know and let us send you an email when Digital Marketing fan club and blog posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Shortcuts

Share

Category